我正在為體育聯賽網站構建一個簡單的Google Maps / Calendar工具。它會根據單擊的地圖標記在iframe中加載多個日歷之一。這在臺式機上效果很好，盡管在Firefox中確實會在控制臺中引起一系列警告：    Content Security Policy: The page’s settings observed the    loading of a resource at inline (“script-src”). A CSP report is being sent.在移動設備上，默認（主）日歷會在頁面加載時正確加載。點擊地圖標記后，iframe的內容會消失，但不會重新加載新日歷。有沒有一種方法可以從移動設備的外部來源強制重新加載iframe？我在Chrome，Safari和Firefox瀏覽器中的iPhone XR，iPhone 8和Samsung S7上遇到了相同的錯誤。我試圖使用Location.reload方法強制重新加載。這不起作用，因為它要求iframe具有相同的來源。我還嘗試了在堆棧溢出中找到的以下代碼片段，以解決相關問題：    document.getElementById('cal').src += '';其中#cal是iframe本身的ID。這不會導致功能更改。最后，我使用文檔的中的meta標簽對Content Security Policy進行了修改。通過包含Google的域（googleapis.com，google.com等），我可以使某些CSP錯誤停止，但是由于意外阻止其他網站資源而導致同等數量的錯誤（我不知道我是什么）使用此標簽。）標簽當前看起來像這樣：<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' fonts.googleapis.com 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' maps.googleapis.com fonts.googleapis.com calendar.google.com; frame-src https://calendar.google.com https://accounts.google.com">我知道這是錯誤的，不安全的，凌亂的以及其他所有內容，但是我只是想使某些事情起作用，所以我可以向后走，解決問題的根源。用于創建此地圖/日歷工具的相關代碼如下：<div id="container">    <div id="map"></div>    <div id="capture"><iframe src="https://calendar.google.com/calendar/embed?mode=AGENDA&amp;height=500&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=example.com_mgj0i3q12ang1as82p8ggf3fuc@group.calendar.google.com&amp;color=%23691426&amp;ctz=America%2FVancouver" style="border-width:0" width="500" height="500" frameborder="0" scrolling="no"></iframe></div></div><script type="text/javascript">    //begin by building map. change element ID and vars as needed.    var map;    function initMap() {        map = new google.maps.Map(document.getElementById('map'), {            center: new google.maps.LatLng(49.876837, -119.461071),            zoom: 11,            mapTypeId: 'roadmap',            styles: [{ /*removed for brevity */ }]              }            ]        });腳本繼續進行，但是本節包含相關部分：標記構造函數，構造函數數組和onclick函數，以放大所選字段并換出事件日歷。