解決 Google 網頁翻譯遇到空白畫面的問題

輸入網頁連結，進行 Google 網頁翻譯，卻遇到空白畫面的問題。解決方式是改成複製貼上網頁文字到 Google 翻譯。

Photo by Diomari Madulara on StockSnap

問題狀況

以 Work at Medium | by Jobs @ Medium 網頁為例，輸入網頁連結，進行 Google 網頁翻譯

卻遇到空白畫面的問題

解決方式

不貼上連結，改成複製貼上網頁文字到 Google 翻譯。

問題原因

打開「開發人員工具」可以看到一長串錯誤訊息

Access to fetch at 'https://medium.com/_/oh-noes' from origin 'https://medium-com.translate.goog' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

由於被翻譯網站設定了跨來源資源共用（CORS），導致網頁資料無法被其他第三方網站使用。

參考資料

• 跨來源資源共用（CORS） - HTTP | MDN