编程 Javascript

在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源码的方法。如下图：

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery方法简洁实现隔行换色及toggleClass的使用

Mar 15 Javascript

Ajax同步与异步传输的示例代码

Nov 21 Javascript

checkbox全选所涉及到的知识点介绍

Dec 31 Javascript

Backbone.js 0.9.2 源码注释中文翻译版

Jun 25 Javascript

js制作支付倒计时页面

Oct 21 Javascript

详谈js中数组(array)和对象(object)的区别

Feb 27 Javascript

angular中的cookie读写方法

Aug 02 Javascript

node中使用es5/6以及支持性与性能对比

Aug 11 Javascript

vue2利用Bus.js如何实现非父子组件通信详解

Aug 25 Javascript

jQuery 导航自动跟随滚动的实现代码

May 30 jQuery

浅谈Vue 函数式组件的使用技巧

Jun 16 Javascript

vue 计算属性和侦听器的使用小结

Jan 25 Vue.js

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

dedecms采集中可以过滤多行代码的正则表达式

2007/03/17 PHP

从零开始学YII2框架（三）扩展插件yii2-gird

2014/08/20 PHP

php的ddos攻击解决方法

2015/01/08 PHP

ThinkPHP3.2.2实现持久登录(记住我)功能的方法

2016/05/16 PHP

PHP实现的随机红包算法示例

2017/08/14 PHP

PHP+AJAX 投票器功能

2017/11/11 PHP

Thinkphp5框架使用validate实现验证功能的方法

2019/08/27 PHP

laravel 验证错误信息到 blade模板的方法

2019/09/29 PHP

基于PHP实现短信验证码发送次数限制

2020/07/11 PHP

一个简单的js鼠标划过切换效果

2010/06/30 Javascript

jQuery 源码分析笔记(6) jQuery.data

2011/06/08 Javascript

JQuery设置和去除disabled属性的5种方法总结

2013/05/16 Javascript

JS检测图片大小的实例

2013/08/21 Javascript

一个简单的JS时间控件示例代码(JS时分秒时间控件)

2013/11/22 Javascript

简介JavaScript中的sub()方法的使用

2015/06/08 Javascript

Angular2使用Angular-CLI快速搭建工程（二）

2017/05/21 Javascript

基于require.js的使用(实例讲解)

2017/09/07 Javascript

JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】

2017/09/26 Javascript

浅析JavaScript异步代码优化

2019/03/18 Javascript

vue踩坑记-在项目中安装依赖模块npm install报错

2019/04/02 Javascript

layer弹出层扩展主题的方法

2019/09/11 Javascript

Vue根据条件添加click事件的方式

2019/11/09 Javascript

javascript实现京东快递单号的查询效果

2020/11/30 Javascript

[01:10]为家乡而战！完美世界城市挑战赛全国总决赛花絮

2019/07/25 DOTA

对python中raw_input()和input()的用法详解

2018/04/22 Python

Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)

2018/04/30 Python

将Pytorch模型从CPU转换成GPU的实现方法

2019/08/19 Python

pycharm激活码有效到2020年11月底

2020/09/18 Python

用python获取txt文件中关键字的数量

2020/12/24 Python

任意一块网页内容实现“活”的背景（目前火狐浏览器专有）

2014/05/07 HTML / CSS

AmazeUI 单选框和多选框的实现示例

2020/08/18 HTML / CSS

区域总监的岗位职责

2013/11/21 职场文书

《金子》教学反思

2014/04/13 职场文书

开业典礼致辞

2015/07/29 职场文书

一篇文章学会Vue中间件管道

2021/06/20 Vue.js

Java面试题冲刺第十九天--数据库(4)

2021/08/07 Java/Android