勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HTMLでContent Security Policyの設定方法

   2024/02/25  HTML

Content Security Policyの設定をする事があった。Content Security Policyが何なのか全然知らないので調べた結果をメモ。

 

Content Security Policyとは

特定の攻撃を検知し、影響を軽減するものとの事。設定しておけば攻撃をマシにできるものっぽい。

 

設定方法

head内に以下を追記。

<meta http-equiv="Content-Security Policy" content ="script-src 'self';">

全てのコンテンツをサイト自身のドメインから取得させるという設定内容。

詳細は以下を確認する。

https://developer.mozilla.org/ja/docs/Web/Security/CSP

 - HTML

  関連記事

HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法
HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...

フォームでカラーコードを入力したい際にプラグイン無しでピッカー機能を搭載する方法
フォームでカラーコードを入力したい際にプラグイン無しでピッカー機能を搭載する方法

あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じ ...

フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法
フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法

formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...

formでdisplay:none;にしてても送信される
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

スマホでフォームの画像アップロード部分でカメラを起動させる方法
スマホでフォームの画像アップロード部分でカメラを起動させる方法

formの画像アップロード部分で、スマホの場合にカメラで撮影させたい。以下に対応 ...