コンテンツセキュリティポリシー違反により、Chrome 拡張機能のポップアップクリックイベントが失敗するのはなぜですか?-jsチュートリアル-php.cn

コンテンツセキュリティポリシー違反により、Chrome 拡張機能のポップアップクリックイベントが失敗するのはなぜですか?

Susan Sarandon

リリース： 2024-11-25 03:37:12

オリジナル

217 人が閲覧しました

Why Are My Chrome Extension Popup Click Events Failing Due to a Content Security Policy Violation?

拡張機能のポップアップクリックイベントの失敗: コンテンツセキュリティポリシー違反の解決

Chrome 拡張機能で、拡張機能アイコンと拡張機能の両方のクリックイベントポップアップページ内のボタンが、JavaScript 変数をインクリメントするという予期された応答を生成していません。

問題をデバッグするには、ポップアップページを調べてコンソールログを調べます。このエラーメッセージは、コンテンツセキュリティポリシー (CSP) 違反を示している可能性があります:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".

ログイン後にコピー

HTML ページ内のインラインスクリプトはデフォルトの CSP に違反しています。このポリシーでは、インライン JavaScript は許可されていません。

問題を解決するには、HTML ファイルからすべてのインライン JavaScript を削除し、別の JavaScript ファイルに配置します。

hello.html (ポップアップ)ページ)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>

ログイン後にコピー

popup.js

var a = 0;
function count() {
  a++;
  document.getElementById('demo').textContent = a;
}
document.getElementById('do-count').onclick = count;

ログイン後にコピー

以上がコンテンツセキュリティポリシー違反により、Chrome 拡張機能のポップアップクリックイベントが失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。