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


Posted in Javascript onMarch 08, 2007

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

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

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

Javascript 相关文章推荐
一个小型js框架myJSFrame附API使用帮助
Jun 28 Javascript
javascript 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
Java与JavaScript中判断两字符串是否相等的区别
Mar 13 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
encode脚本和normal脚本混用的问题与解决方法
Mar 08 #Javascript
IE7提供XMLHttpRequest对象为兼容
Mar 08 #Javascript
使用onbeforeunload属性后的副作用
Mar 08 #Javascript
HTML中不支持静态Expando的元素的问题
Mar 08 #Javascript
使用TextRange获取输入框中光标的位置的代码
Mar 08 #Javascript
获取JavaScript用户自定义类的类名称的代码
Mar 08 #Javascript
JScript内置对象Array中元素的删除方法
Mar 08 #Javascript
You might like
用Flash图形化数据(一)
2006/10/09 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
利用js对象弹出一个层
2008/03/26 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
2015/12/17 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
python集合类型用法分析
2015/04/08 Python
举例讲解Python常用模块
2019/03/08 Python
pygame实现五子棋游戏
2019/10/29 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
详解Python实现进度条的4种方式
2020/01/15 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
2013/07/19 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
英国音乐设备和乐器商店:Gear4music
2017/10/16 全球购物
幼儿园教育教学反思
2014/01/31 职场文书
九年级数学教学反思
2014/02/02 职场文书
计生工作先进事迹
2014/08/15 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
内勤岗位职责
2015/02/10 职场文书
公司市场部岗位职责
2015/04/15 职场文书
学校百日安全活动总结
2015/05/07 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers