在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 相关文章推荐
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
Nov 06 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
杏林同学录(六)
2006/10/09 PHP
PHP文本操作类
2006/11/25 PHP
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
详解基于webpack搭建react运行环境
2017/06/01 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
webpack之devtool详解
2018/02/10 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
python判断一个对象是否可迭代的例子
2019/07/22 Python
Python-openCV开运算实例
2020/07/05 Python
python中np是做什么的
2020/07/21 Python
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
什么是测试驱动开发(TDD)
2012/02/15 面试题
酒店管理专业学生求职信
2013/09/27 职场文书
毕业自荐信
2013/12/16 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS
Python保存并浏览用户的历史记录
2022/04/29 Python
Golang实现可重入锁的示例代码
2022/05/25 Golang
MySQL深分页问题解决思路
2022/12/24 MySQL