当我“查看源代码”时,如何确保 HTML 格式良好?在浏览器上?
当我使用不同的浏览器“查看源代码”时,我的网页似乎总是有很多空白并且格式错误。我正在使用 JSP 开发 Java Web 应用程序。
如何确保当我“查看源代码”时看到格式良好的 HTML?
编辑:
当我说格式化时,我的意思通常是:
我得到这样的事情:
<div>
<p>some text</p>
</div>
当我想要时:
<div>
<p>some text</p>
</div>
在我的 JSP(使用包含)中,所有内容都格式化得很好。
When I 'view source' using different browsers my web pages seems to always have lots of whitespace and are badly formatted. I am developing a Java web application using JSPs.
How can I ensure that when I 'view source' I see nicely formatted HTML?
Edit:
When I say formatted I mean typically:
I get this kind of thing:
<div>
<p>some text</p>
</div>
when I want:
<div>
<p>some text</p>
</div>
In my JSPs (which use includes) everything is formatted nicely.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
查看源代码只会在我所知道的浏览器中显示页面提供的任何内容,因此如果 HTML 的格式不正确,您将不会看到它的格式良好。
最好的选择是在您使用的任何浏览器中使用开发人员工具。查看 HTML 时,HTML 通常结构良好。在 Chrome 或 Internet Explorer 中,F12 应该打开开发人员工具,我认为如果您安装了 Firefox,F12 会在 Firefox 中打开 Firebug。
注意: 开发人员工具通常查看的源/HTML 元素并不完全是页面输出的内容。它们通常显示通过脚本和/或插件添加的动态元素。
View Source is only going to show whatever the page gives it in browsers that I know of, so if the HTML isn't formatted nicely, you won't see it formatted nicely.
Your best bet would be to use the developer tools in whatever browser you are in. The HTML is normally structed nicely in there when viewing the HTML. In Chrome or Internet Explorer, F12 should open the developer tools and I think F12 opens Firebug in Firefox if you have it installed.
Note: The source/HTML elements typically viewed by developer tools isn't exactly what the page spits out. They often show dynamic elements that were added through script and/or plugins.
快速源代码查看器 - Chrome 网上应用店
Quick source viewer - Chrome Web Store
更改 Java Web 应用程序中生成的 html 最好通过 Servlet Filter 来完成。您可以使用手头上的任何美化软件来推出自己的美化软件,也可以安装其他人创建的美化软件,例如 JTidyFilter。
这种方法的优点是您可以在开发期间使用过滤器并在生产中将其删除。
Altering generated html in a Java webapp is best done by a Servlet Filter. You can roll your own using whatever prettifying software you have to hand, or install one created by someone else, such as the JTidyFilter.
An advantage of this approach is that you can use the filter during development and remove it for production.
我知道 Chrome 的开发者工具有一个用于格式化 JavaScript 的“漂亮打印”功能。我不了解 HTML,但你可以看看。我使用的是移动设备,所以不能。
I know Chrome's developer tool have a "pretty print" feature for formatting javascript. I don't know about HTML, but you could look. I'm on a mobile device, so I can't.