前端程序员的工具链都有哪些呢？

看了一些写前端的文章，大多就是忽悠，什么整合js, css，然后启用压缩啦，好好设置200和304之类的这些大路边上的东西，而对于更基础的工具链这部分基本上没有什么介绍。

虽然不太懂前端，但也常常需要做个网页什么的，发现自己的工具链少得可怜。想交流一下大家都用哪些工具链。

我先说我的：

工具就是自己喜欢的编辑器，然后调试器就是Firefox(firebug),Chrome和Opera，然后写一堆的HTML,JS,CSS再跑到浏览器里刷新然后看效果。手机端就更没谱了，就只会安装一个Opera Mobile的模拟器，然后使用一些简单的框架，比如less, bootstrap之流，然后其他基本上完全不懂。

这几个工具是能工作的，只是效率很低，有几个问题一直解决不好：
1, 浏览器的兼容问题，特别是HTML5的兼容问题，在PC端不知道有没有网站或者工具能介绍一下各个浏览器对于HTML5的兼容性问题。
2, 便捷性，每次都必须编写程序，然后在浏览器中刷新，不知道真正的前端在做活的时候有没有什么先进的，靠谱的，不玩票的做法？
3, 手机端兼容。
我的理解是现在手机上的浏览器分两种，一种是UA是Android或者iPhone的，这里面或许也包括Opera，而另一种是UC(大量的旧版本的存在，各种不好的js,css支持等等）
我只知道用Opera Mobile的模拟器来测试一下，但对于UC浏览器等等，就不知道怎么来测试了。

前端程序员的工具链都有哪些呢？