chrome内蔵pdfビューアでpdfを開いた時の画面の縮尺を常に固定したい

Question

目的
chrome内蔵pdfビューアでpdfを開いた時にデフォルトが縮尺100%のため、chromeブラウザの縮尺を変える事なく、pdfを開いた時のみ120%等で常に固定して表示したいです。

躓いている点
自作のchrome拡張機能で下記の様にcssを変更しようと思いましたが、エラーが出てしまいます。
他のwebページでは動作するので、chrome内蔵pdfビューアではDOMの操作は出来ないのでしょうか？
chrome内蔵pdfビューアはchrome拡張機能扱いでブラウザとJSコードが動いているページが違うので、動作しないらしいことは調べましたが、解決策が分からない状況です。
大変お手数をお掛けいたしますが、アドバイスを頂けますと助かります。

$("body").css("zoom", "125%");

エラー

Uncaught TypeError: $(...).css is not a function at <anonymous>:1:11

Answer 1

現状のエラーは存在しない$().css()という関数を使用しているというエラーで、jQueryが読み込まれていないために起きています。
動作したケースは、たまたまサイト側でjQueryを使用していたためだと思われます。
通常、manifest.jsonに

"content_scripts": [
    {
      "run_at":"document_end",
      "matches": ["<all_urls>"],
      "js": ["jquery-3.4.1.min.js","content_script.js"]
    }
  ]

と記載するなどして表示ページにjQueryを読み込ませる必要があります。

ただ$("body").css("zoom", "125%");が正しく動作してもpdfページは特殊な構造になっているので、表示率は変わらないのでは無いかと思います。

拡張機能ではchromeブラウザ自体の表示率を変える命令を使えると思いますので、そちらからアプローチする方法もあるかもしれません。

chrome.tabs.setZoom([タブID], 1.2 /*zoom率*/);

chrome.tabs | Chrome API Reference

Comments

[stsyco]

早々にご回答頂き誠にありがとうございます。
前者を試してみましたが仰る通り動きませんでした。
chrome.tabs.setZoom([タブID], 1.2 /*zoom率*/);のアプローチをもう少し調べてみます。