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

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

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

【 tulaoshi.com - Web开发】

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

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

    前面我们说了，IE对于模态窗口，自动的屏蔽了选择和右键菜单的功能。不过这里也有一个例外，就是在INPUT type=text和TEXTAREA这两个元素中可以使用其context menu。如下图：

前段时间我曾推荐过一个IE的功能扩展：《推荐一个叫Full Source的IE功能扩展》。
这个扩展功能本来是在网页页面的context menu中添加一条"Full Source"的功能，可是非常有趣的是，这个"Full Source"的扩展同时也会被注入上图的那个context menu中

。如下图：

这样一来，我们在模态窗口中察看该页面的html源代码就非常的容易了~~

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

上一篇：详解iOS开发中UItableview控件的数据刷新功能的实现
下一篇：鼠标经过时链接文字的特别震撼的显示效果

看过《在IE模态窗口中自由查看HTML源码的方法》的人还看了以下文章更多>>

在Word2010文档窗口中查看Word文档被修改次数

标签：电脑入门

用户可以在Word文档的属性对话框中查看Word文档被修改的次数，从而了解该Word文档被修订的情况。在Word2010文档窗口中查看Word文档被修改次数的步骤如下所述：第1步，打开Word2010文档窗口，依次单击文件→信息按钮。在信息面板中单击属性按钮，然后在打开的下拉列表中选择高级属性选项，如图1所示。图1选择高级属性选项第2步，在打...

在Word2019文档窗口中打开WPS文档

标签： word

在Word2010文档窗口中打开WPS文档 Word2010支持WPS文件的打开和编辑，用户可以在Word2010文档窗口中打开并编辑WPS文件。即使是金山软件最新版本的WPS2009文档，Word2010也能提供完美支持。在Word2010中打开WPS文件的步骤如下所述：第1步，打开Word2010文档窗口，依次单击文件→打...

SnagIt超级技巧：在捕获窗口中处理图片

标签： PS PS教程

一般情况下，大家都是选中SnagIt“输出”菜单下“预览窗口”复选项让SnagIt抓取图片到“SnagIt捕获窗口”中，而且都直接按下“另存为”按钮把图片保存就完事。其实，在“SnagIt捕获窗口”中有很多功能，如用鼠标框出某部分后，按下工具栏上的“修剪”按钮可以把选中部分剪裁下来。按下“复制”按钮可以把它复制到剪贴板中。同时，...

MAC如何开启“快速查看”窗口中的选择文字功能

标签：电脑入门

MAC用户都喜欢使用快速查看，来预览电脑中的文本、图片、音乐和视频等内容，不过使用快速查看时，文本中的文字功能将无法使用，这个问题该如何解决呢？开启方法：启动终端应用（你可以在/应用程序/实用工具/中找到它），输入下边的命令（可以直接拷贝）： defaults write com.apple.finder QLEnableTextSelection -bool TRUE 然后重...

一种在父窗口中得知window.open()出的子窗口关闭事件的方法

标签： 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...

查看更多精彩>>