PDF タブ名を変更する方法：Chromeでタブタイトルを自分仕様に更新する手順

2026.01.06

はじめに

ChromeでPDFを閲覧すると、デフォルトでは「ファイル名」や「メタデータに設定されたタイトル」がタブに表示されます。
しかし、組織の資料名やプロジェクト名と一致しない場合、または閲覧時にタブの見た目を統一したい場合に「タブ名を自由に変更したい」と感じることがありますよね。

この記事では、ChromeブラウザでPDFを開いた際のタブタイトルを「自分仕様」に変える 具体的な手順を徹底解説します。
手法は大きく 「PDF 自体のメタデータを編集」 と 「閲覧環境（HTML・拡張機能）を介して変更」 の2種類に整理でき、用途に合わせて選べます。

ChromeとPDFタブ名：決定ロジックの裏側

ChromeでPDFを表示すると、ブラウザは次の優先順位でタブ名を決めます。

優先順位 ソース 例
1 PDF 内のメタデータ (Info タブの Title) Annual Report 2024.pdf のメタデータ：Title = "2024 年度財務報告書"
2 ブラウザが取得した HTTP ヘッダー (Content-Disposition: attachment; filename=) アップロード時に設定されたファイル名
3 URL のファイル名 https://example.com/docs/report.pdf → report.pdf

ポイント：

  • PDF にメタデータが正しく設定されていると、そのタイトルがタブに表示されます。
  • 何も設定されていない場合は URL の末尾がタブ名に。

したがって、タブ名を変更するための基本は PDF のメタデータを編集 か 閲覧側の DOM を操作 になります。

手法 ①：PDF のメタデータを編集してタイトルを入れる

PDF のメタデータは専用のツールで一括・手軽に書き換えられます。

③‑1 Adobe Acrobat（商用）

  1. PDF を開く。
  2. ファイル → プロパティ → 説明 タブを開く。
  3. タイトル 欄に任意の文字列を入力。
  4. OK を押して保存。

メリット：直感的に編集でき、ご自身のPCにAdobe Acrobatがあればスムーズ。
デメリット：有料、または学生版/トライアル版が必要。

③‑2 PDFtk（無料）

PDFtk は CLI で PDF から情報を抽出・変更できる便利ツールです。

# 例：既存のタイトルを取得
pdftk sample.pdf dump_data | grep PDFTitle

# 例：タイトルを書き換え
pdftk sample.pdf update_info_utf8 - output sample_updated.pdf <<EOF
InfoKey: Title
InfoValue: 2024 年度財務報告書（自分仕様）
EOF

インストール方法（Windows）：pdftk.exe を公式サイトから入手。
MacOS／Linux：brew install pdftk-java でインストール可。

③‑3 exiftool（強力かつ多機能）

exiftool は画像・PDF だけでなく、多数フォーマットのメタデータを操作できます。

exiftool -Title="2024 年度財務報告書（自分仕様）" sample.pdf

タイトルを書き換えた後は自動的に sample.pdf_original というバックアップが作成されます。
ポイント：複数ファイルを一括で処理する場合に最適。

注意：書き換えた後に Chrome を再起動するか、タブを閉じて再度開くと新しいタイトルが反映されます。

手法 ②：HTML ラッパーを使ってタブ名を設定

PDF だけでなく、HTML で「タブタイトル」として自由に定義した文字列を表示できるため、複数の PDF を統一したタブ名で表示したい場合に便利です。

① 仕組み

HTML ファイル内に iframe を埋め込み、<title> タグで任意の文字列を設定します。
Chrome は iframe があるページの <title> をタブ名として使用するため、PDF のメタデータに関係なく表示できます。

② 作成例

  1. viewer.html というファイルを作成。
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>2024 年度財務報告書（自分仕様）</title>
  <style>
    body, html { margin: 0; height: 100%; overflow: hidden; }
    iframe { width: 100%; height: 100%; border: none; }
  </style>
</head>
<body>
  <iframe src="sample.pdf" allowfullscreen></iframe>
</body>
</html>
  1. 上記ファイルをローカルまたは Web サーバーに置き、Chrome で viewer.html を開く。
  2. タブに表示されるタイトルは 「2024 年度財務報告書（自分仕様）」 となります。

メリット：PDF の本体を変更せずにタブ名を自由に設定。
デメリット：アクセス先を常に同じ viewer.html に変更する手間。

③ 複数 PDF を同一 HTML 上で表示（タブ名は固定）

<iframe src="sample1.pdf"></iframe>
<iframe src="sample2.pdf"></iframe>

※同一タブ上で複数 PDF を開く場合、タブ名は HTML ファイルの <title> のままです。
複数タブで別々の名前を付けたいときは、別々の HTML ファイルを作成します。

手法 ③：Chrome 拡張機能で動的にタブタイトルを変更

PDF のメタデータを書き換えたくない、または HTML ラッパーを使えない環境でタブ名を統一・カスタマイズしたい場合、拡張機能が有効です。

③‑1 代表的な拡張機能

拡張名 特徴 公式リンク
Tab Title Changer 任意のテキストや正規表現でタブ名を置き換え https://chrome.google.com/webstore/detail/tab-title-changer
PDF Tab Title Auto PDF 読み込み時に自動でタブ名を変更 https://chrome.google.com/webstore/detail/pdf-tab-title-auto
Custom Tab Titles タブごとに名前を設定でき、PDF も対応 https://chrome.google.com/webstore/detail/custom-tab-titles

選択基準

  • 正規表現対応 かどうか（ファイル名にパターンがある場合）
  • 自動アップデート（PDF の内部にタイトルが更新された際も対応）
  • UI（設定の入力が楽か）。

③‑2 自前拡張機能の作り方（簡易版）

マニフェスト（manifest.json）

{
  "manifest_version": 3,
  "name": "PDF Tab Renamer",
  "version": "1.0",
  "description": "PDFを開いたときタブ名を固定文字列に変更します。",
  "permissions": ["tabs"],
  "action": {
    "default_title": "PDF Renamer"
  },
  "background": {
    "service_worker": "background.js"
  }
}

JavaScript（background.js）

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  // 「complete」以降に評価
  if (changeInfo.status !== 'complete') return;

  // 先に PDF かどうか判定
  if (tab.url && tab.url.endsWith('.pdf')) {
    const newTitle = "【自分仕様】" + tab.title;
    chrome.tabs.update(tabId, {title: newTitle});
  }
});

配布手順

  1. 上記ファイルを 1 フォルダ内に保存（例: pdf-tab-renamer/）。
  2. Chrome の拡張機能ページ（chrome://extensions/）で デベロッパーモード ON。
  3. パッケージ化されていない拡張機能を読み込む → フォルダを選択。

これで PDF を開いた際に自動で「【自分仕様】」が前置されます。
さらに複雑なタブ名生成ロジック（正規表現、メタデータ判定など）を追加することも可能です。

よくあるトラブルと対策

トラブル 原因 対策
タブ名が変更されない PDF にメタデータがない PDF を編集して Title を設定
タブ名が元に戻る ブラウザのキャッシュ タブを閉じて再度開く、またはタブを再読み込み
複数 PDF ファイルで同じタブ名にしたい HTML ラッパーを一元化 1 つの HTML で複数 iframe あるいは別 HTML を作成
拡張機能が効かない 拡張機能の許可設定が無効 chrome://extensions/ で「有効化」か「ページ拡張」権限を確認
タブ名に特殊文字が表示されない URL エンコードの問題 encodeURIComponent でエンコード、もしくは正規表現で除去

まとめ

  • Chrome がタブ名に使用する情報は「PDF のメタデータ」→「HTTP ヘッダー」→「URL のファイル名」の順序。
  • PDF のメタデータを書き換える（Adobe Acrobat / PDFtk / exiftool）で最も確実。
  • HTML ラッパーで <title> を設定すれば、PDF 本体を変更せずにタブ名を自由にコントロール。
  • 拡張機能を使えば、設定を一元管理し自動でタブ名を統一。自前で書く場合は chrome.tabs.update を利用すれば簡易実装可能。
  • いずれの方法も、再読み込み・タブ再開必要が発生しますので、作業直後は注意してください。

ぜひ、自分の業務フローや閲覧環境に合わせて最適な手法を選び、Chrome の PDF タブ名を自由にカスタマイズしてみてください。

コメント