一、背景
在開發過程中，由於測試環境沒有配置 HTTPS 請求，所以谷歌瀏覽器的位址列會有這樣一個 不安全 的標識：
我們點選這個 “不安全” 的標籤就可以看到提示我們：您與此網站之間建立的連線不安全。點選下面的 網站設定 可以檢視這個網站的許可權設定。
開啟網站設定可以看到，其中位置資訊、攝像頭、麥克風、移動感測器、通知 等許可權都被強制禁止掉了，無法開啟。
因為 HTTP 請求一般是開發、測試環境，如果我們開發的頁面中需要用到這些被禁止的許可權時，那麼在開發、測試環境就無法正常使用。這時候該怎麼辦呢？
二、如何開啟不安全頁面被禁止的許可權？
插一嘴，其實 Chrome 瀏覽器之所有自動禁止這些許可權，還是出於我們這些瀏覽器使用者的安全考慮。當然，如果使用者已經確定這個頁面確實是安全的，那麼當然有方法開啟這些許可權。
開啟不安全頁面被禁止的許可權需要兩步操作：
新增信任站點。
- 開啟不安全頁面的許可權編輯。
- 經過小編的親自嘗試，以上兩步缺一不可。下面我們就展開說一下每一步具體如何操作。
2.1 第一步，新增信任站點
開啟 Chrome 瀏覽器的設定，搜尋 網站設定，點選進入，如下所示：
點選 “內容” 中的 更多內容設定，開啟隱藏內容。
點選 不安全內容，如下所示：
在 “允許顯示不安全內容” 後面，點選 新增。
輸入想要新增的網站，點選 新增。
可以看到，剛才新增的地址已經出現在了列表之後，點選右邊的 三角 可以檢視、編輯網站的許可權。
可以看到，此時 位置資訊、攝像頭、麥克風、移動感測器、通知 等許可權還是被禁止的狀態，這時候我們就要去進行第二步操作了。
（注意：雖然第一步操作後沒有什麼變化，卻是必須要操作的，不然只操作第二步也是沒辦法編輯許可權的。）
2.2 第二步，開啟不安全頁面的許可權
首先，在 Chrome 瀏覽器中開啟如下地址：chrome://flags/#unsafely-treat-insecure-origin-as-secure
然後，我們就需要在 Insecure origins treated as secure 項中輸入想要開啟許可權的不安全頁面的 地址和埠號（多個地址使用英文逗號分隔），然後將右邊的 Diabled 切換為 ****Enabled並點選 Relaunch 按鈕，瀏覽器就會自動重啟並載入新配置。
（注意：輸入框內容發生變化後，需要將頁面的焦點移開輸入框，右下角的 Relaunch 按鈕才會顯示。）
2.3 結果展示
以上兩步都操作完畢之後，不安全頁面的許可權就被開啟了，結果如下圖所示：
再次訪問頁面，可以看到原有的 不安全 字樣已經被隱藏了。
不過我們點選歎號** !** 的話，還是可以看到不安全的提示，但是頁面上的功能已經可以正常獲取許可權了。
原文地址：https://blog.csdn.net/qq_33204709/article/details/139252475