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