在IE模態(tài)窗口中自由查看HTML源碼的方法
更新時(shí)間：2007年03月08日 00:00:00 作者：
IE提供的模態(tài)窗口，在我們制作數(shù)據(jù)錄入窗口和Wizard等功能上，有著非常不錯(cuò)的應(yīng)用。不過(guò)由于一些安全性上的限制，使得在模態(tài)窗口中調(diào)試腳本變得非常的郁悶。因?yàn)槟B(tài)窗口不支持對(duì)象的選取和右鍵菜單，使得我們想察看html代碼非常的不方便。那么有什么辦法可以解決嗎？
雖然我們?cè)谥谱髂B(tài)窗口中的頁(yè)面時(shí)，可以使用普通的IE窗口來(lái)訪問其內(nèi)容和調(diào)試腳本?？墒钱?dāng)我的頁(yè)面完成，并裝載入模態(tài)窗口并依賴一系列的輸入數(shù)據(jù)后，我們要對(duì)他進(jìn)行debug，就變得很不方便了。如果我們不想在模態(tài)窗口載入的頁(yè)面中寫很多測(cè)試代碼，我們只有借助調(diào)試器(如：script debugger，vs.net等)才能看到里面的html代碼。
前面我們說(shuō)了，IE對(duì)于模態(tài)窗口，自動(dòng)的屏蔽了選擇和右鍵菜單的功能。不過(guò)這里也有一個(gè)例外，就是在INPUT type=text和TEXTAREA這兩個(gè)元素中可以使用其context menu。如下圖：
前段時(shí)間我曾推薦過(guò)一個(gè)IE的功能擴(kuò)展：《推薦一個(gè)叫Full Source的IE功能擴(kuò)展》。
這個(gè)擴(kuò)展功能本來(lái)是在網(wǎng)頁(yè)頁(yè)面的context menu中添加一條"Full Source"的功能，可是非常有趣的是，這個(gè)"Full Source"的擴(kuò)展同時(shí)也會(huì)被注入上圖的那個(gè)context menu中
。如下圖：
這樣一來(lái)，我們?cè)谀B(tài)窗口中察看該頁(yè)面的html源代碼就非常的容易了~~
雖然我們?cè)谥谱髂B(tài)窗口中的頁(yè)面時(shí)，可以使用普通的IE窗口來(lái)訪問其內(nèi)容和調(diào)試腳本?？墒钱?dāng)我的頁(yè)面完成，并裝載入模態(tài)窗口并依賴一系列的輸入數(shù)據(jù)后，我們要對(duì)他進(jìn)行debug，就變得很不方便了。如果我們不想在模態(tài)窗口載入的頁(yè)面中寫很多測(cè)試代碼，我們只有借助調(diào)試器(如：script debugger，vs.net等)才能看到里面的html代碼。
前面我們說(shuō)了，IE對(duì)于模態(tài)窗口，自動(dòng)的屏蔽了選擇和右鍵菜單的功能。不過(guò)這里也有一個(gè)例外，就是在INPUT type=text和TEXTAREA這兩個(gè)元素中可以使用其context menu。如下圖：
前段時(shí)間我曾推薦過(guò)一個(gè)IE的功能擴(kuò)展：《推薦一個(gè)叫Full Source的IE功能擴(kuò)展》。
這個(gè)擴(kuò)展功能本來(lái)是在網(wǎng)頁(yè)頁(yè)面的context menu中添加一條"Full Source"的功能，可是非常有趣的是，這個(gè)"Full Source"的擴(kuò)展同時(shí)也會(huì)被注入上圖的那個(gè)context menu中
。如下圖：這樣一來(lái)，我們?cè)谀B(tài)窗口中察看該頁(yè)面的html源代碼就非常的容易了~~
相關(guān)文章
這篇文章主要介紹了JS前端解壓zip的方法和技巧,業(yè)務(wù)中有時(shí)候需要獲取某個(gè) zip 壓縮包內(nèi)的文件內(nèi)容展示到前端,在 zip 包體積不是那么大的時(shí)候并且不涉及壓縮包解密的時(shí)候,可以考慮純前端方案,需要的朋友可以參考下2024-03-03
淺談JavaScript中的對(duì)象及Promise對(duì)象的實(shí)現(xiàn)
這篇文章主要介紹了淺談JavaScript中的對(duì)象及Promise對(duì)象的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2015-11-11
JS實(shí)現(xiàn)的簡(jiǎn)單tab切換功能完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單tab切換功能,結(jié)合完整實(shí)例形式分析了javascript基于事件響應(yīng)實(shí)現(xiàn)頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JS通過(guò)調(diào)用微信API實(shí)現(xiàn)微信支付功能的方法示例
這篇文章主要介紹了JS通過(guò)調(diào)用微信API實(shí)現(xiàn)微信支付功能的方法,結(jié)合具體實(shí)例形式分析了javascript微信支付接口的調(diào)用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-06-06
這篇文章主要介紹了javascript中的閉包概念與用法,結(jié)合具體實(shí)例形式分析了javascript閉包的概念、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
實(shí)際上，setTimeout和setInterval的語(yǔ)法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過(guò)了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。不過(guò)這兩個(gè)函數(shù)還是有區(qū)別的2015-06-06
js獲取指定字符前/后的字符串簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js獲取指定字符前/后的字符串簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
本文主要介紹了JavaScript?刪除數(shù)組元素的方法，包括操作方法改變了原數(shù)組和操作方法不改變?cè)瓟?shù)組，具有一定的參考價(jià)值，感興趣的可以了解一下
2024-02-02 
swiper移動(dòng)端輪播插件（觸碰圖片之后停止輪播）
這篇文章主要為大家詳細(xì)介紹了swiper移動(dòng)端輪播插件，觸碰圖片之后停止輪播，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12