我想学习Web UI设计。（我知道，我知道。作为一名程序员让我处于劣势。但我还是想尝试一下。）因此，我想“调试”我的 CSS 文件。
我发现的最大烦恼之一是，如果不重新加载整个页面，我就无法测试我的 CSS 文件的更改。有时，页面太大。有时，很多点击后页面会带来很多元素，因为我的页面过于依赖 AJAX。有时，我只是讨厌一直按 Command+R。
是否有任何主要浏览器（最好是 Safari 和/或 Chrome）的扩展使用 CSS 文件的更新版本重新呈现页面，而不重新加载整个页面本身？
问问题
219 次
3 回答
2
尝试 chrome 中的开发人员工具，使用它们您可以实时编辑您的 css 定义。虽然我不知道允许您仅重新加载样式表的扩展，但当您只想测试一些更改时，这可能对您有用。Firebug for Firefox 允许同样的事情。
于 2011-01-14T22:38:50.703 回答
1
Firefox“Web Developer”插件允许您从其菜单中“添加用户样式表...”。它还具有“编辑 CSS”功能，可让您实时编辑 css 文件的内容（例如 file1.css 和 file2.css 将有两个编辑器选项卡 - 每个文件一个）并允许您保存编辑后的文件。
正如 Paul 建议的那样，我自己更经常使用 Firebug，您可以将更改后的 css 文件内容从其中复制并粘贴回您的实际 css 文件中。
于 2011-01-14T22:48:45.650 回答
0
Chrome 的Stylebot扩展也很棒。
您可以快速编辑和查看您的更改。并且实际上可以将其保存到个人查看网站，您可以将其保存在列表中，并根据您为网站的默认样式表修改的内容进行编辑显示。
Stylebot 允许您快速操纵任何网站的外观（使用自定义 CSS）。使用 Stylebot，您可以个性化您喜欢的网站的外观。它也是学习 CSS 和调试您自己网站设计的好工具。
于 2012-03-07T01:59:23.473 回答