Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

Learn More

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.