当サイトはユーザー体験を改善するためのメンテナンスを実施中に機能が制限される予定です。記事を読んでもあなたの問題が解決せず質問をしたい場合は、Twitter の @FirefoxSupport、Reddit の /r/firefox で、サポートコミュニティが皆さんを助けようと待機しています。

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Does the built-in PDF viewer support night mode? And is there a URL parameter for setting this when embedded in a web page?

  • 5 件の返信
  • 1 人がこの問題に困っています
  • 1 回表示
  • 最後の返信者: JeffJepp

more options

I am embedding a PDF in an iframe like this:

           <iframe id="pdf_frame"></iframe>

I load the image using this Javascript:

       let frame = document.getElementById("pdf_frame");
       frame.src = pdfUrl;  /* URL of the PDF */

At night, my web page will be in a night mode (with a black background). I'd like to launch the embedded PDF viewer in night mode as well. Are there URL parameters to do this? Does the built-in viewer even support a night mode? I know that Acrobat supports a night mode.

I am embedding a PDF in an iframe like this: <div id="viewer_pane"> <iframe id="pdf_frame"></iframe> </div> I load the image using this Javascript: let frame = document.getElementById("pdf_frame"); frame.src = pdfUrl; /* URL of the PDF */ At night, my web page will be in a night mode (with a black background). I'd like to launch the embedded PDF viewer in night mode as well. Are there URL parameters to do this? Does the built-in viewer even support a night mode? I know that Acrobat supports a night mode.

すべての返信 (5)

more options

Hi JeffJepp, the built-in viewer has a dark toolbar and background (around the PDF) all the time. What would you want it to do differently?

By the way, development on the viewer is done via the following site -- this is the list of open issues:

https://github.com/mozilla/pdf.js/issues

more options

I probably wasn't clear. The PDFs I am displaying have a white background, while my web page has a black background. I want the PDFs to display with a black background to match my app.

I don't have control over the PDF generation, so they can't be produced with a black background in the first place.

I'm pretty sure Adobe Acrobat has a 'night mode' option, but I don't know if it can be set with a URL parameter. I'm hoping the built-in PDF viewer in Firefox has this capability too. And I'm hoping I can set it with a URL parameter.

more options

This page documents the current URL parameters: https://github.com/mozilla/pdf.js/wiki/Viewer-options

Looks like a Night Mode is a pending request and not yet available: https://github.com/mozilla/pdf.js/issues/2071

Here's a thought for now:

The viewer is available as a webapp* so in theory you could install that on your site, and point your iframe to the view, loading the PDF into it. All you would need to do in the viewer CSS is add this to invert the color scheme:

#viewer .page {
	filter: invert(1);
}

If you needed to create a URL parameter for that, more coding obviously would be involved...

* See: https://github.com/mozilla/pdf.js/wiki/Setup-pdf.js-in-a-website

Perhaps that's not best for other browsers whose viewers have a native night mode and you'll need to "sniff"? If you try it, let us know how it goes.

more options

Thank you jscher. I will look into this.

more options

A little more info... it looks like the built-in Firefox PDF viewer supports themes. One is a "Dark Theme', that looks promising. If I can figure out how to set the theme with URL parameters, I think I'm there.