在IE模态窗口中自由查看HTML源码的方法

2016-02-19 10:31 37 1 收藏

今天图老师小编要跟大家分享在IE模态窗口中自由查看HTML源码的方法,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

IE提供的模态窗口,在我们制作数据录入窗口和Wizard等功能上,有着非常不错的应用。不过由于一些安全性上的限制,使得在模态窗口中调试脚本变得非常的郁闷。因为模态窗口不支持对象的选取和右键菜单,使得我们想察看html代码非常的不方便。那么有什么办法可以解决吗?

    虽然我们在制作模态窗口中的页面时,可以使用普通的IE窗口来访问其内容和调试脚本。可是当我的页面完成,并装载入模态窗口并依赖一系列的输入数据后,我们要对他进行debug,就变得很不方便了。如果我们不想在模态窗口载入的页面中写很多测试代码,我们只有借助调试器(如:script debugger,vs.net等)才能看到里面的html代码。

    前面我们说了,IE对于模态窗口,自动的屏蔽了选择和右键菜单的功能。不过这里也有一个例外,就是在INPUT type=text和TEXTAREA这两个元素中可以使用其context menu。如下图:
    ContextMenu_1.gif
    前段时间我曾推荐过一个IE的功能扩展:《推荐一个叫Full Source的IE功能扩展》。
    这个扩展功能本来是在网页页面的context menu中添加一条"Full Source"的功能,可是非常有趣的是,这个"Full Source"的扩展同时也会被注入上图的那个context menu中。如下图:
    ModalDialog.png
    这样一来,我们在模态窗口中察看该页面的html源代码就非常的容易了~~

来源:http://www.tulaoshi.com/n/20160219/1594915.html

延伸阅读
标签: word
在Word2010文档窗口中打开WPS文档 Word2010支持WPS文件的打开和编辑,用户可以在Word2010文档窗口中打开并编辑WPS文件。即使是金山软件最新版本的WPS2009文档,Word2010也能提供完美支持。在Word2010中打开WPS文件的步骤如下所述:          第1步,打开Word2010文档窗口,依次单击文件→打...
标签: PS PS教程
  一般情况下,大家都是选中SnagIt“输出”菜单下“预览窗口”复选项让SnagIt抓取图片到“SnagIt捕获窗口”中,而且都直接按下“另存为”按钮把图片保存就完事。其实,在“SnagIt捕获窗口”中有很多功能,如用鼠标框出某部分后,按下工具栏上的“修剪”按钮可以把选中部分剪裁下来。按下“复制”按钮可以把它复制到剪贴板中。同时,...
标签: 浏览器
IE9总是要在新窗口中打开网页 我们先确认一下IE浏览器的设置是否正确。在键盘上按一下Alt+T,单击Internet 选项。 在常规选项卡中,按一下设置按钮。 确认遇到弹出窗口时选择的是始终在新选项卡中打开弹出窗口;从位于以下位置的其他程序打开链接选择的是当前窗口中的新选项卡。 如果问题依旧,请接着往下看。 ...
标签: 电脑入门
用户可以在Word文档的属性对话框中查看Word文档被修改的次数,从而了解该Word文档被修订的情况。在Word2010文档窗口中查看Word文档被修改次数的步骤如下所述: 第1步,打开Word2010文档窗口,依次单击文件→信息按钮。在信息面板中单击属性按钮,然后在打开的下拉列表中选择高级属性选项,如图1所示。 图1选择高级属性选项第2步,在打...
标签: ASP
parent.htm : <HTML<BODY <P </P <form name=fm_Info <input type=text name=txtValue </form <script language=javascript var timer var winOpen function IfWindowClosed() { if (winOpen.closed == true) { document.fm_Info.txtValue.value="child closed" window.clearInterval(timer) } } </script <in...

经验教程

193

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部