是否有类似Chrome的检查元素功能的HTML编辑器?

时间:2012-06-28 09:00:47

标签: javascript html css

很抱歉,如果这是在本网站上提出的错误问题,但是否有一个HTML编辑器,其功能与Google Chrome的检查元素功能类似?

现在我使用TextEdit来编辑我的HTML文档,这很好,但有点费力,我绝对不想使用WYSIWYG编辑器,但我真的很喜欢inspect元素功能显示HTML代码的方式展开/折叠按钮以及如何清楚地列出每个元素的所有CSS属性。我认为这是编辑HTML最简单,最有效的方法,比原始文本和WYSIWYG都要好。

我知道检查元素功能不允许保存,那么是否有一个程序以类似的方式工作?

7 个答案:

答案 0 :(得分:2)

通常情况下我会建议崇高,但我现在会直接推荐Brackets http://blog.brackets.io/2012/06/25/brackets-open-source-code-editor/观看视频,我几乎可以肯定你会立即出售。

最大的优势是完全实时编辑,即修改颜色并在您键入时更新,而不必刷新页面。

此外,实时环境不会内置到程序中,而是Web浏览器。

答案 1 :(得分:1)

Notepad++是最简单的,它具有您描述的所有功能(可能除了CSS位之外)...但是如果您想要更实质的内容,那么NetbeansEclipse工作得很好

有大量的开源代码编辑器

答案 2 :(得分:1)

Netbeans和Eclipse将是最适合你的。

答案 3 :(得分:0)

您也可以尝试以下编辑器: Sublime Textcoda,(仅适用于Mac OS)或textmate(仅适用于Mac OS)

答案 4 :(得分:0)

还不确定你究竟想要什么,但除了Adobe Dreamweaver之外还有Sublime,我认为它是网络开发人员最好的编辑器。

答案 5 :(得分:0)

您也可以使用Komodo Edit。 环境不错,也支持HTML5 ......您还可以为编辑器窗口选择不同的主题。

答案 6 :(得分:0)

如果您想要实时预览,Mozilla Thimble看起来很有趣:https://webmaker.org/en-US/tools/#thimble