『pdf 表示されない』原因と対策：ブラウザ・プラグインで解決する手順

ブログ記事：
PDF が表示されない原因と対策（ブラウザ・プラグインで解決する手順）

導入文
PDF が表示されない主な原因
1. ブラウザ側の設定を確認・修正
2. ブラウザ拡張機能・プラグインを利用して対処
3. サイト側の MIME-type 設定を確認
4. PDF ファイル自体の状態をチェック
5. セキュリティポリシー（CORS / CSP）でブロックされている場合
- 5.1 CORS によるブロック
- 5.2 CSP によるブロック
6. モバイル環境での対策
- 6.1 iOS (Safari)
- 6.2 Android (Chrome / Firefox)
7. 失敗時のチェックリスト
まとめ

導入文

オンラインでメール添付やウェブサイト上のPDFを確認しようとしたときに「表示されない」「読み込めない」といったエラーに直面したこと、ありませんか？
原因は「ブラウザの設定」「プラグインの不整合」「PDF自体の破損」など多岐にわたります。
この記事では「PDF が表示されない」状況を想定し、初心者でも実行しやすいブラウザやプラグインの設定方法・対処手順をステップバイステップで紹介します。
これを読めば、原因を素早く特定し、一括で対処できるようになります。

PDF が表示されない主な原因

#	原因	具体例	影響
1	ブラウザ側でPDF の内蔵ビューアが無効化	Chrome の設定で「PDF ドキュメントを常にダウンロードする」にチェック	PDF が自動で開かずダウンロードされる
2	ブラウザへのPDF ビューア拡張機能が無効・未インストール	Firefox で「PDF.js」が無効化	PDF がローディングされず「読み込めません」
3	MIME type が不正	サーバが `application/pdf` ではなく `text/plain` で返す	ブラウザが PDF として扱わない
4	PDF ファイルが破損・不完全	ダウンロード途中で中断されたファイル	PDF が開けない
5	セキュリティ／ポリシーで外部リンクをブロック	CORS ポリシーでロード不可	PDF を別ウィンドウで開けない
6	ブラウザ・プラグインの古いバージョン	Acrobat Reader が旧バージョンでサポート外	PDF 形式に追従できない
7	文字コードやエンコーディングが壊れる	PDF が特殊文字で含まれる	表示に文字化けが起きる

まずはこれらの項目を確認し、原因を絞り込みます。

1. ブラウザ側の設定を確認・修正

1.1 Chrome: PDF をブラウザで開く

右上の「⋮」 → 設定
「プライバシーとセキュリティ」 > サイトの設定
「PDF ドキュメント」まで下スクロール
「PDF をダウンロードした際にローカルで開く」でON（または「PDF の表示を停止」にチェックが入っていれば外す）
ページをリロードして確認

TIP
もともと「PDF をダウンロードした際にローカルで開く」が OFF なら、サイトから PDF をクリックするとファイルがダウンロードされるだけです。ON にすれば、その場で表示します。

1.2 Firefox: PDF.js を有効化

アドレスバーに about:config と入力 → エンター
「リスクを承知して続行」をクリック
検索バーに pdfjs.enabled と入力
値が false の場合、ダブルクリックして true に変更
アドレスバーに chrome://pdfjs（または about:pdfjs）を入力して設定 UI を確認

1.3 Edge: PDF ビューアの有効化

右上の「⋮」 → 設定
左メニューの プライバシー、検索、サービス
「PDF」セクションで 「PDF を Edge で表示」 が ON か確認

1.4 Safari (macOS) の場合

Safari → 環境設定 → セキュリティ
「プラグイン」内に Adobe Reader が有効か確認
「ウェブコンテンツに関して」→ 「PDF を読み込む」を許可（必要に応じて変更）

注意
すべてのブラウザが内蔵ビューアを無効にできない場合は、外部プラグイン（Adobe Reader など）を一時的に導入してみるのも有効です。

2. ブラウザ拡張機能・プラグインを利用して対処

2.1 Adobe Acrobat Reader のインストール

OS	アクセス先
Windows	https://get.adobe.com/reader/
macOS	https://get.adobe.com/reader/
Linux	各ディストリビューションのパッケージマネージャ（例: `sudo apt install adobe-reader`）

インストール手順

上記サイトへアクセス
「今すぐインストール」をクリック → 画面の指示に従いインストール
インストール後、ブラウザに表示される「Adobe Acrobat Reader」拡張機能を有効化
PDF 表示のトラブルが解消したか確認

Tip
「Acrobat Reader」はブラウザに強力な PDF ビューアを提供し、JavaScript を使ったインタラクティブ PDF も正しく表示できます。

2.2 PDF.js（Firefox で標準採用）を手動で再導入

PDF.js - Home
A general-purpose, web standards-based platform for parsing and rendering PDFs.
mozilla.github.io
へアクセス
"Get the latest stable build" からダウンロード
「拡張機能」>「読み込み済み拡張機能」>「パッケージファイル (.xpi) を読み込む」
ダウンロードした .xpi を選択してインストール
ブラウザを再起動して PDF が開くか確認

2.3 他の軽量ビューアプラグイン

拡張機能	使いどころ
PDF Viewer (by Google)	速い読み込み、ファイルを再ダウンロードしない
PDF Viewer + PDF Print	印刷も同時に可能
PDF Reader	複数タブで同時表示可

※ブラウザの拡張機能は必ず公式マーケットや作者公式サイトから入手し、信用できるものを選びましょう。

3. サイト側の MIME-type 設定を確認

サーバが PDF を提供する際に正しい Content-Type: application/pdf ヘッダーを送っていないと、ブラウザは PDF として処理しません。
もし自分が運営しているサイトで PDF が開けない場合は以下を確認してください。

# Linux の curl でヘッダー確認
curl -I https://example.com/file.pdf

出力例:

HTTP/1.1 200 OK
Content-Type: application/pdf
Content-Length: 123456

Content-Type が text/plain や application/octet-stream の場合は、サーバ設定（Apache の AddType、Nginx の types）を修正する必要があります。

4. PDF ファイル自体の状態をチェック

4.1 ファイルが破損していないか

ダウンロード済みファイル: もう一度ダウンロードし直す。
メール添付: 別のデバイスで開くか、PDF リストアツール（PDF Repair Toolbox など）でチェック。
クラウドストレージ: 右クリックで「再ダウンロード」を実行。

4.2 ファイルサイズが 0 バイトでないか確認

stat file.pdf  # サイズが 0 バイトなら破損

4.3 PDF 形式のバージョン・互換性

Adobe Acrobat が新バージョン（Acrobat 7 以降）として作成され、古い Reader では解釈できない場合があります。
その場合は Adobe Acrobat で「互換モード（PDF 1.x まで）」で保存し直すか、PDF コンバータ（オンラインサービス、または Ghostscript など）で変換してください。

5. セキュリティポリシー（CORS / CSP）でブロックされている場合

5.1 CORS によるブロック

コンソールログ を確認。
「Access denied: cross origin requests are not allowed」等と表示されることがあります。
サーバが Access-Control-Allow-Origin: * などを設定していない場合、Ajax で PDF を取得できない。
その場合は サーバ側 で Access-Control-Allow-Origin を追加してください。

5.2 CSP によるブロック

Content-Security-Policy: default-src 'self'; などで外部リソースの読み込みが制限されていると PDFs がブロックされます。
CSP ヘッダーを確認し、必要に応じて pdf-src, frame-src を追加。

6. モバイル環境での対策

6.1 iOS (Safari)

設定 > Safari > PDF を表示 → ON
画像や PDF アドレスをタップしたら「表示」オプションが出るはずです。

6.2 Android (Chrome / Firefox)

Google Chrome: 右上のメニュー > 設定 > ウェブサイト設定 > PDF
「PDF ファイルをいつでもダウンロード」の OFF を確認
Firefox: アドレスバーに about:config から pdfjs.enabled を確認（Android 版でも同様）。

モバイルデバイスは「ファイルアプリ」から直接開く代替方法を試すと、ブラウザで表示されない場合に助かります。

7. 失敗時のチェックリスト

項目	チェック
PDF が正しいフォーマット	✔
ブラウザの内蔵ビューア設定	✔
重要拡張機能 (Adobe Acrobat, PDF.js)	✔
サーバの MIME-type	✔
セキュリティポリシー (CORS / CSP)	✔
ファイルの破損・サイズ	✔
モバイル設定	✔

もし全項目を確認しても表示されない場合は、専門的な PDF 修復ツールやサーバ設定の専門家に問い合わせましょう。

まとめ

原因を限定：ブラウザ設定、拡張機能、サーバの MIME-type、ファイル破損、セキュリティポリシーの5つ。
対策：ブラウザ内蔵ビューアを ON、PDF.js や Adobe Reader を有効化、正しい MIME-type を設定。
再度確認：再ダウンロードまたは別デバイスでの開封でファイル破損を除外。
モバイル：それぞれのOSで同様に設定を確認。

これらを一通り試しても解決しない場合は、ブラウザのデベロッパーツール（F12）や サーバログ でエラーを確認し、専門家に相談すると早期解決へつながります。

安全かつスムーズに PDF を確認できるよう、ぜひ上記手順を実践してみてください。