勉強したことのメモ

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

  関連記事

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

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

FileReader APIを用いて画像をアップロードせずにサムネイル表示

以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...

form送信後にURLにアンカータグ(ハッシュタグ)をつける方法

フォームからGETもしくはPOSTで送信し、その後のURLにアンカータグ(ハッシ ...

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

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

フォームのresetについて

<input type="reset">についてクリックしたら 初期 ...