如何瀏覽器里調(diào)試iframe里層的代碼？

luffyZh 發(fā)布于2019-08-20 16:45 / 3646人閱讀

摘要：之前一直非常痛苦，在外層根本獲取不了里面的信息，后來(lái)使用了用傳遞消息來(lái)實(shí)現(xiàn)，但是用起來(lái)還是非常不方便。其實(shí)瀏覽器本身是可以選擇不同的的執(zhí)行環(huán)境的。這個(gè)小技巧，對(duì)于調(diào)試非常有用，但是我直到今天才發(fā)現(xiàn)。其他瀏覽器其他瀏覽器可以自行摸索一下。。。

之前一直非常痛苦，在iframe外層根本獲取不了里面的信息，后來(lái)使用了postMessage用傳遞消息來(lái)實(shí)現(xiàn)，但是用起來(lái)還是非常不方便。

其實(shí)瀏覽器本身是可以選擇不同的iframe的執(zhí)行環(huán)境的。例如有個(gè)變量是在iframe里面定義的，你只需要切換到這個(gè)iframe的執(zhí)行環(huán)境，你就可以隨意操作這個(gè)環(huán)境的任何變量了。

這個(gè)小技巧，對(duì)于調(diào)試非常有用，但是我直到今天才發(fā)現(xiàn)。

1 Chrome

這個(gè)小箭頭可以讓你選擇不同的iframe的執(zhí)行環(huán)境，可以切換到你的iframe環(huán)境里。

2 IE

如圖所示是ie11的dev tool點(diǎn)擊下來(lái)箭頭，也可以選擇不同的iframe執(zhí)行環(huán)境。

3 其他瀏覽器

其他瀏覽器可以自行摸索一下。。。（G_H）

云服務(wù)器 GPU云服務(wù)器 php 調(diào)試瀏覽器谷歌瀏覽器調(diào)試webrtc jni代碼調(diào)試 js代碼調(diào)試

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83132.html

相關(guān)文章

JS 中的事件冒泡與捕獲

摘要：在之前是只支持事件冒泡，包括之后和目前主流的瀏覽器都同時(shí)支持兩種事件。中可以用來(lái)取消事件冒泡。剛接觸 JS 的那個(gè)時(shí)候，啥也不懂，只想著如何利用 Google、百度到的函數(shù)來(lái)解決實(shí)際的問(wèn)題，不會(huì)想到去一探究竟。漸漸的，對(duì) JS 的語(yǔ)言的不斷深入，有機(jī)會(huì)去了解一些原理性東西。最近在看 JQuery 源碼，感觸很多，總想著用原生的 JS 去實(shí)現(xiàn)自己的一個(gè) JQuery 庫(kù)。說(shuō)實(shí)在的，J...

Rindia 2019-08-20 11:40 評(píng)論0 收藏0
《Python web開(kāi)發(fā)》筆記一：網(wǎng)頁(yè)開(kāi)發(fā)基礎(chǔ)

摘要：網(wǎng)頁(yè)基礎(chǔ)知識(shí)網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由和構(gòu)成，是框架，是樣式和裝飾，則是各項(xiàng)功能實(shí)現(xiàn)?；A(chǔ)知識(shí)超文本標(biāo)記語(yǔ)言，通過(guò)各種標(biāo)簽來(lái)表示網(wǎng)頁(yè)的骨架。在同一窗口中打開(kāi)。網(wǎng)頁(yè)基礎(chǔ)知識(shí) 網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由html、css和Javascript構(gòu)成，html是框架，CSS是樣式和裝飾，JS則是各項(xiàng)功能實(shí)現(xiàn)。我們把網(wǎng)頁(yè)的組成類比成一棟房子，Html相當(dāng)于房子的結(jié)構(gòu)，CSS相當(dāng)于房子的裝修裝飾，JavaScrip...

3fuyu 2019-07-25 10:54 評(píng)論0 收藏0
《Python web開(kāi)發(fā)》筆記一：網(wǎng)頁(yè)開(kāi)發(fā)基礎(chǔ)

摘要：網(wǎng)頁(yè)基礎(chǔ)知識(shí)網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由和構(gòu)成，是框架，是樣式和裝飾，則是各項(xiàng)功能實(shí)現(xiàn)?；A(chǔ)知識(shí)超文本標(biāo)記語(yǔ)言，通過(guò)各種標(biāo)簽來(lái)表示網(wǎng)頁(yè)的骨架。在同一窗口中打開(kāi)。網(wǎng)頁(yè)基礎(chǔ)知識(shí) 網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由html、css和Javascript構(gòu)成，html是框架，CSS是樣式和裝飾，JS則是各項(xiàng)功能實(shí)現(xiàn)。我們把網(wǎng)頁(yè)的組成類比成一棟房子，Html相當(dāng)于房子的結(jié)構(gòu)，CSS相當(dāng)于房子的裝修裝飾，JavaScrip...

2shou 2019-08-29 11:27 評(píng)論0 收藏0
《Python web開(kāi)發(fā)》筆記一：網(wǎng)頁(yè)開(kāi)發(fā)基礎(chǔ)

摘要：網(wǎng)頁(yè)基礎(chǔ)知識(shí)網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由和構(gòu)成，是框架，是樣式和裝飾，則是各項(xiàng)功能實(shí)現(xiàn)?；A(chǔ)知識(shí)超文本標(biāo)記語(yǔ)言，通過(guò)各種標(biāo)簽來(lái)表示網(wǎng)頁(yè)的骨架。在同一窗口中打開(kāi)。網(wǎng)頁(yè)基礎(chǔ)知識(shí) 網(wǎng)頁(yè)的構(gòu)成網(wǎng)頁(yè)由html、css和Javascript構(gòu)成，html是框架，CSS是樣式和裝飾，JS則是各項(xiàng)功能實(shí)現(xiàn)。我們把網(wǎng)頁(yè)的組成類比成一棟房子，Html相當(dāng)于房子的結(jié)構(gòu)，CSS相當(dāng)于房子的裝修裝飾，JavaScrip...

gaomysion 2019-08-01 15:50 評(píng)論0 收藏0