|
阅读：2888回复：7
吐槽一下fx的元素查看器
用的不多，就挑常见的两点说说
其一，内置的inspect居然对这种带展开箭头的元素无法单独编辑子项，子项只起到展示作用，只能编辑母项……很不方便 图片：2.png  其二，关于颜色识别 图片：1.png firebug：显示为16进制串，鼠标hover可以显示颜色提示块，只有容器选择边界提示 fx自带：显示为rgb十进制函数（光是这一点就该黑到死好吗！），没有办法可以显示颜色提示块，容器选择有元素提示 chrome自带：显示为16进制串，颜色左边直接添加提示块，在多个颜色的情况下一览无余非常方便；而且html模式不但有元素提示，还可显示容器大小（px） 还有个小细节，折叠的head块还会显示闭合标签，避免看走眼。 firebug作为老牌工具，基本功能无可挑剔，只是一些小细节尚有改进余地…… google作为业界大佬，果然做事情非常霸气而细心，无论是功能还是小细节上都无懈可击…… 而firefox只能说是mozilla喜欢往奇怪的天赋上加点（比如12a1的3D模式……）……难到这就是传说中的普通文艺和（ry 测试页面： test.html： <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-style-type" content="text/css" /> <title>Test Page</title> <link id="test-css" rel="stylesheet" href="test.css"> </head> <div id="testTextBox" style="background-color:#68c;"> <p id="testText">Test</p> </div> </html> test.css： #testTextBox
{
padding:50px 50px 50px 50px;
}
#testText
{
color:#ff2;
font-weight:bold;
font-size:300%;
} |
|
|
|
1楼#
发布于：2011-12-23 22:49
曾几何时我也这么认为：
Mozilla 的产品，如 Firefox，说好听点就是独辟蹊径，不走寻常路，说难听点就是非主流，因为它从来就不以迎求客户需求为目标，早期版本连基本的操作选项都不提供，易用性不佳。 但实际上 Mozilla 产品在推动互联网开放性和标准化方面一直都有很大贡献，具体看看这篇文章： 浏览器之外的 Mozilla：关注开放的实验者（爱范儿） 回到本篇文章，这种高级的开发工具我觉得还是firebug比较专业一点，FF其实可以不内置这些开发工具，但可以提供基本特性，适合有需要检查页面元素，但要求不高，不用修改的用户或者是初级开发人员。而Chrome必须内置一个更好的工具才能替代firebug在网页开发人员心目中的地位啊。 |
|
|
|
2楼#
发布于：2011-12-23 22:49
我一直用一个叫Inspect Element的扩展来查看元素并配合Stylish过滤。这回好，现在右键菜单里有两个“Inspect Element”的选项。不过我还是觉得之前的扩展好用，要查哪个就有哪个，很直观。新加的自带功能就是看着炫结果很快你就不知道身在何方了。
|
|
|
|
3楼#
发布于：2011-12-23 22:49
不能说是google做的,chrome还不存在的时候,safari就已经内置了
|
|
|
4楼#
发布于：2011-12-23 22:49
前两天看见chrome的开发者工具获奖了
Chrome Developer Tools——最受欢迎的 Web 开发工具 http://blog.csdn.net/chromeblog/article/details/7066539 Chrome开发者工具主要基于WebKit网络检查器（WebKit's Web Inspector），这是开源项目WebKit的一部分，但包括了很多增强功能。 就我自己用法来说，chrome自带的是比fx好很多，速度和性能。Firebug很强大，自己有没那么高要求，而且占内存也大（就是这样，代码高亮chrome的漂亮多了）  |
|
|
|
5楼#
发布于：2011-12-23 22:49
style用内置的style editor....
其实我firebug用顺手了用不来其他web开发工具了... |
|
|
6楼#
发布于：2011-12-23 22:49
第一个问题貌似chrome自带的也是这样的,
真正开发的时候还是要用firebug的, FF自带的平常玩玩stylish就足够了. 还有现在FF自带的还没支持属性自动补全功能 估计以后会加上去,毕竟这功能才加上不久 |
|
|
7楼#
发布于：2011-12-23 22:49
|
|
|
