使用jQuery查看iframe內容後使用瀏覽器

Question

今天發生了一件奇怪的事情，它正在測試我正在開發的一個網站：我試圖用jquery訪問iframe中的元素，令我驚訝的是我能夠訪問它們並修改它們。令人驚訝的是，因爲iframe不在同一個域中，因此我不應該爲「同源策略」做到這一點（或者我錯了？）。

問題是，它只能在用瀏覽器「檢查」任何iframe的元素之後才能完成（本例中爲chrome）。如果稍後我「檢查」不在iframe內的任何網站元素，那麼我將失去該「超級大國」並獲得預期結果，即由於「同源策略」而不允許jquery訪問。

問題： 1.-這是否應該發生？ 2.-如果它可能暗示安全風險，是否有辦法阻止它？ 3.-如果這是假設發生，是安全的，我怎麼能jQuery的「模擬」瀏覽器的「檢查」，讓我能訪問內部框架元素和修改它們

Answer 1

當你檢查的iframe（測試Chrome），它會自動將控制檯的上下文設置爲iframe的上下文。因此，您可以直接在iframe的內容上運行任何JavaScript。但是它無法從父級（iframe被實例化的地方）訪問它，因爲這樣的行爲可能被視爲安全缺陷。

舉個例子，當你嘗試在父上下文的訪問（在這種情況下，父親是的jsfiddle的iframe的喲天亞社看到左上方）：

，然後當我切換上下文到iframe的我試圖訪問：

希望這總結的答案，可以幫助其他人可能有類似的問題。