JS / 移除或修改 iframe的屬性

前幾天辦公室裡其他計畫的助理

抱怨網站嵌入的google表單出現

「您的瀏覽器尚未啟用javascript...」

經詢問網站維護廠商，說因為資安掃描被列為需改善的漏洞

不過之前的表單都是正常

所以我比較了前後網頁的html內容

原來後面的表單iframe增加了sandbox標籤

我因為無聊想試試看能不能移除或修改snadbox標籤

一開始是在chrome按F12，直接編輯html

但是沒有效果，用關鍵字爬文之後

看到這篇How to programatically remove sandbox attribute from an iframe with javascript 

才知道已經載入的iframe是不會有任何影響

移除或修改sandbox之後必須再重新載入iframe

所以現在問題變成：如何移除或修改sandbox之後，再重新載入iframe，卻又不會重新載入原本網頁

不然原本網頁跟著重載入，又會載入原本的iframe，等於白做工

在這篇找到解決辦法 What's the best way to reload / refresh an iframe? 

不過不是被打勾的回答，reload()會無法執行

document.getElementById('some_frame_id').contentWindow.location.reload();

而是再下一個回覆內容，重新指定iframe src的屬性值，iframe就會馬上重新載入

document.getElementById('iframeid').src =
document.getElementById('iframeid').src

接下來是如何在頁面執行javascript

我想到之前用來移除某些網站鎖右鍵功能的方式

用書籤輸入程式碼來執行javascript

將以下程式碼輸入在網址即可

javascript: (function () {  var link = document.querySelector("iframe"); link.setAttribute("sandbox","allow-same-origin allow-scripts
allow-popups allow-forms"); link.src = link.src; })();

javascript: (
  function () {
    var link = document.querySelector("iframe"); 
    link.setAttribute("sandbox","allow-same-origin allow-scripts allow-popups allow-forms"); 
    link.src = link.src;
  }
)();

  

最後，測試是可以執行的

不過後來廠商也修改sandbox的屬性值

開放可以執行表單功能~~~~