提问人：Pekka 提问时间：11/10/2009 最后编辑：MogsdadPekka 更新时间：9/1/2015 访问量：977
在Firefox中显示突出显示的HTML源代码？
Display highlighted HTML source code in Firefox?
问：
有没有一些聪明的内容类型设置，使Firefox显示突出显示的HTML源代码而不是呈现它？
我有一个生成 HTML 页面的 CMS。我通过向 URL 添加“/debug”来获取每个生成的页面上的调试信息。我想通过使用“/source”来查看源代码，这样我就可以在Firefox选项卡中拥有源代码（而不是作为额外的窗口）。
我玩弄了
ob_start()
和
highlight_string(ob_get_contents())
但它的工作并不快，我发现它太复杂了，我喜欢尽可能避免使用缓冲。
也许有一种更简单的方法可以做到这一点？
编辑：我暂时将使用 header（“content-type： text/plain”），但这不会突出显示代码。我正在寻找类似“content-type： text/html-source”或类似的东西。
答：
1赞
jkndrkn
11/10/2009
#1
您是否考虑过安装第三方语法荧光笔？我正在考虑将一个添加到一个使用手工构建的 CMS 系统的项目中，以允许员工直接编辑 HTML 内容。
评论
0赞
Pekka
11/10/2009
语法荧光笔当然是最先进的解决方案，但是如果我正确理解了 PHP 的 highlight_string（） 的文档，它已经做到了 HTML。我只是希望像 PHP 中的 .phps 扩展名一样的东西 - 具有该扩展名的文件会自动显示其来源，并突出显示。
2赞
nickf
11/10/2009
#2
你可以使用
<p>
This very <em>system</em> which <a href="http://stackoverflow.com/">this
website</a> uses. It's called Prettify.
</p>
http://code.google.com/p/google-code-prettify/
评论
0赞
Pekka
11/10/2009
Prettify 看起来不错，但我希望输出整个块（包括 <html> 之前的所有内容），这使用 JS 方法会很困难。无论如何，谢谢。
2赞
Josef Pfleger
11/10/2009
#3
一些浏览器已经内置了 HTML 语法高亮显示。在Firefox和Chrome中，您可以链接到
<a href="view-source:http://etc">View Source</a>
或者在 iframe 中使用（突出显示的）源视图：
<iframe src="view-source:http://etc"/>
这显然不能真正跨浏览器工作，但您可以在定制的 CMS 中使用它。
评论
0赞
Pekka
11/10/2009
这就是我一直在寻找的，可惜它只有 FF 但现在对我有用。谢谢！
1赞
Jeremy Morgan
11/10/2009
#4
你可以使用像 Geshi 这样的东西，它非常有用，并且突出显示了比 html 更多的语言，以防万一你需要它。
评论