在IE模態(tài)窗口中自由查看HTML源碼的方法
更新時(shí)間：2007年03月08日 00:00:00 作者：
IE提供的模態(tài)窗口，在我們制作數(shù)據(jù)錄入窗口和Wizard等功能上，有著非常不錯(cuò)的應(yīng)用。不過由于一些安全性上的限制，使得在模態(tài)窗口中調(diào)試腳本變得非常的郁悶。因?yàn)槟B(tài)窗口不支持對(duì)象的選取和右鍵菜單，使得我們想察看html代碼非常的不方便。那么有什么辦法可以解決嗎？
雖然我們?cè)谥谱髂B(tài)窗口中的頁面時(shí)，可以使用普通的IE窗口來訪問其內(nèi)容和調(diào)試腳本。可是當(dāng)我的頁面完成，并裝載入模態(tài)窗口并依賴一系列的輸入數(shù)據(jù)后，我們要對(duì)他進(jìn)行debug，就變得很不方便了。如果我們不想在模態(tài)窗口載入的頁面中寫很多測(cè)試代碼，我們只有借助調(diào)試器(如：script debugger，vs.net等)才能看到里面的html代碼。
前面我們說了，IE對(duì)于模態(tài)窗口，自動(dòng)的屏蔽了選擇和右鍵菜單的功能。不過這里也有一個(gè)例外，就是在INPUT type=text和TEXTAREA這兩個(gè)元素中可以使用其context menu。如下圖：
前段時(shí)間我曾推薦過一個(gè)IE的功能擴(kuò)展：《推薦一個(gè)叫Full Source的IE功能擴(kuò)展》。
這個(gè)擴(kuò)展功能本來是在網(wǎng)頁頁面的context menu中添加一條"Full Source"的功能，可是非常有趣的是，這個(gè)"Full Source"的擴(kuò)展同時(shí)也會(huì)被注入上圖的那個(gè)context menu中
。如下圖：
這樣一來，我們?cè)谀B(tài)窗口中察看該頁面的html源代碼就非常的容易了~~
雖然我們?cè)谥谱髂B(tài)窗口中的頁面時(shí)，可以使用普通的IE窗口來訪問其內(nèi)容和調(diào)試腳本。可是當(dāng)我的頁面完成，并裝載入模態(tài)窗口并依賴一系列的輸入數(shù)據(jù)后，我們要對(duì)他進(jìn)行debug，就變得很不方便了。如果我們不想在模態(tài)窗口載入的頁面中寫很多測(cè)試代碼，我們只有借助調(diào)試器(如：script debugger，vs.net等)才能看到里面的html代碼。
前面我們說了，IE對(duì)于模態(tài)窗口，自動(dòng)的屏蔽了選擇和右鍵菜單的功能。不過這里也有一個(gè)例外，就是在INPUT type=text和TEXTAREA這兩個(gè)元素中可以使用其context menu。如下圖：
前段時(shí)間我曾推薦過一個(gè)IE的功能擴(kuò)展：《推薦一個(gè)叫Full Source的IE功能擴(kuò)展》。
這個(gè)擴(kuò)展功能本來是在網(wǎng)頁頁面的context menu中添加一條"Full Source"的功能，可是非常有趣的是，這個(gè)"Full Source"的擴(kuò)展同時(shí)也會(huì)被注入上圖的那個(gè)context menu中
。如下圖：這樣一來，我們?cè)谀B(tài)窗口中察看該頁面的html源代碼就非常的容易了~~
相關(guān)文章
頁面內(nèi)查找...2006-09-09
這篇文章主要介紹了深入理解Promise.all，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析
這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問題解決方案,結(jié)合實(shí)例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了微信小程序背景音樂開發(fā)詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
javascript動(dòng)態(tài)加載實(shí)現(xiàn)方法一
這兩天，沒什么太多的事情，好吧，我承認(rèn)，是我這兩天不想做公司的項(xiàng)目，因?yàn)槲彝话l(fā)奇想，其實(shí)也不算突發(fā)奇想，算是對(duì)以前的想法的實(shí)現(xiàn)，就是把JS當(dāng)做Java來寫2012-08-08
下面小編就為大家?guī)硪黄猨s 自帶的sort() 方法全面了解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
判斷checkbox選擇的個(gè)數(shù) 多瀏覽器...2006-09-09
layui 富文本圖片上傳接口與普通按鈕 文件上傳接口的例子
今天小編就為大家分享一篇layui 富文本圖片上傳接口與普通按鈕 文件上傳接口的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript中通過閉包解決只能取得包含函數(shù)中任何變量最后一個(gè)值的問題
JavaScript中解決閉包只能取得包含函數(shù)中任何變量最后一個(gè)值的問題2010-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)水平時(shí)間軸，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05