如何查看 javascript 为 Internet Explorer 生成的 html?
我正在寻找一种在 IE 中查看从 jQuery 代码生成的 html 源代码的方法。
例如
HTML:
<div id="myDiv"></div>
jquery:
var wrapper = $("myDiv");
var generated = $("<div>Hello world</div>");
wrapper.append(generated);
我希望能够检查并希望调整通过附加生成的元素生成的源,不是在 Chrome 或 Firefox 中,而是在 IE 8 中(问题所在)。我认为 IE 开发工具只显示下载的源代码,而不显示生成的内容。
谢谢。
I am looking for a way in IE to view the html source generated from jQuery code.
Ex.
HTML:
<div id="myDiv"></div>
jquery:
var wrapper = $("myDiv");
var generated = $("<div>Hello world</div>");
wrapper.append(generated);
I'd like to be able to examine and hopefully tweak the source generated by appending the generated element, not in Chrome or Firefox, but in IE 8 (where the problem is). I think that IE Developer Tools only shows the downloaded source, not what is generated.
Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
尝试转到 IE 开发人员工具中的 HTML 选项卡并按刷新图标(保存图标旁边),它将显示最新的 DOM。
示例:
转到 script 选项卡并执行:
document.body.appendChild( document.createElement("div") );
然后转到 HTML 选项卡并点击刷新图标并打开 body 标签,它现在应该显示附加的 div。
Try going to the HTML tab in IE developer tools and press the refresh icon (next to the save icon), it will show the latest DOM.
Example:
Go to script tab and do:
document.body.appendChild( document.createElement("div") );
Then go to the HTML tab and hit the refresh icon and open the body tag, it should show the appended div now.
我推荐 Firebug Lite - http://getfirebug.com/firebuglite (它是 IE 的 Firebug)
I recommend Firebug Lite - http://getfirebug.com/firebuglite (it's Firebug for IE, sort of)
您应该获得 Firebug Lite。您可以检查 jQuery 所做的代码以及更多内容。
无论如何,我建议您设置Google Chrome 浏览器内嵌框架兼容性在您的网站上,它将消除您网站的大量问题(对于安装了 Google Chrome 内嵌框架的用户)。
You should get Firebug Lite. You can check the code that jQuery does and much more.
Anyway, I recommend that you put Google Chrome Frame compatibility on your site, it will eliminate plenty of problems with your site (with the people that have Google Chrome Frame installed).