最新的dom源代码
我正在使用一些 javascript 制作一个网页,并且更改了 dom 中的几个元素。 无论如何,我无法使用chrome或firefox(和firebug)查看最新的dom源代码(当然浏览器中的渲染很好)。
也就是说,如果我使用 javascript 在页面中添加一些内容(假设是一个列表),我可以看到该列表出现在我的浏览器中,但使用我拥有的任何工具都看不到源代码中。
有什么工具可以做到这一点吗?
我错过了什么吗?
谢谢。
I am doing a webpage with some javascript and I change several elements in the dom.
Anyway I am not able with chrome nor with firefox (and firebug) to see the up to date dom source code (of course the rendering in the browser is fine).
Namely, if I add some stuff in my page (let's say a list) with the javascript, I can see the list appearing in my browser but not in the source code with any of the tools I have.
Is there any tool to do that?
Am I missing something?
Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
在 Firefox 中,您可以添加 Web 开发人员扩展: http://chrispederick.com/work/web-developer /
其中,有一个“查看生成的源”操作。它允许您在通过 Javascript 添加 DOM 后查看源代码。
不过,您应该能够在 Firebug 和 Chrome 控制台中查看更改
In Firefox, you can add the Web Developer Extension: http://chrispederick.com/work/web-developer/
Within it, there is a View Generated Source action. It allows you to see the source after DOM additions via Javascript.
Although, you should be able to view the changes in Firebug and the Chrome Consoles
我认为这是有道理的。在查看源代码时,JavaScript 添加的 HTML 不一定会显示,但 Firebug 和 Chrome 的开发人员工具等开发人员工具应该可以让您看到它。
如果您担心由于搜索引擎优化的原因它不会显示,那么添加 JS 并不是添加内容的方法,因为搜索引擎机器人不会看到 JS 生成的内容。
I think that makes sense. HTML added by JavaScript will not necessarily show when viewing source, but developer tools like Firebug and Chrome's Developer Tools should allow you to see it.
If you're worried about it not showing up because of Search Engine Optimization stuff, adding JS isn't the way to add the content, as search engine bots will not see the JS-generated content.
当您查看源代码时,您看不到更新的 DOM。你可以使用 firebug 等工具查看更新的 DOM,你尝试过 firebug 吗?它是一个火狐插件..
When you do a view source you don't see the updated DOM. you can see updated DOM with tools like firebug, did you try firebug? its a firefox add-in..