Save any web page just a one-page PDF

Latest Version

Version
0.10.5
Update
November 27, 2024
Size
5.46MiB
Developer
Category
Users
20,000+
Rating
4.8403 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
Scripting
Debugger
Downloads
Storage
Management
Tabs
Notifications
See more

Just-One-Page-PDF Extension

## introduce

Just One Page PDF(JOPP), save any web page, any area as an one-page PDF, like a screenshot tool, but save as PDF format.

## why pdf

1. printable
2. consistency
3. zoomable
4. higher quality

## features

1. one-page PDF for entire webpage
2. multiple-page PDF for entire webpage
3. support custom paper size, eg. window size, A4, A3, Letter and so on.
4. screenshot, but PDF format.
5. export PDF with multiple tabs at one time
6. Support exporting PDF of your selected region
7. Support for sending PDFs by email


## compare with the browser's build-in printing function

1. no print preview dialog, direct download
2. customize any page size as you want
3. multiple tabs to export PDF at one time
4. disable or enable print media as required
5. customize style before export PDF
6. supports printing by selecting nodes or selecting areas



-------------------------------------------------------------------



While surfing on the internet, you will always come across beautiful articles or web pages, which you will unconsciously want to collect. To collect these articles, you need some tools. Here I would like to share some of the extensions I have used before, the problems I encountered, in order to solve these problems, I developed a new extension suitable for article collection.


## Web clipper

I used to collect articles through some web clipper tools (such as evernote/onenote web clipper), but these tools have a big disadvantage, that is, they will rearrange the articles, and simple articles may not matter , but for some articles with rich expressiveness and complex typesetting, especially articles that use different web fonts to make the article more comfortable to read, it is difficult to maintain the reading experience of the original article by using these clipping tools.


## Whole html

In order to solve this problem, I have tried some tools to save the article as a complete html, such as single page, save page we, etc. Although these tools are very powerful, I always feel that something is missing. There is no way to annotations, it is not very convenient to share with friends, and it is not ideal to print. At the same time, these articles saved as html are not good to be combined with some knowledge management tools.


## Screenshot

The more direct solution is to use the screenshot extension to take screenshots of the articles you want to collect. The advantage of the screenshot method is that it is easy to operate, easy to collect, and easy to share. However, when zooming in and zooming out the article that generates the image, the image will be distorted and blurred, and there is no better way to search for the text in the image. If the article is particularly long , the saved picture's filesize may also become very big.


## PDF

Finally, another solution that can be thought of is to save the article in PDF format. Articles saved as PDF can be a good solution for text editing and searching, and sharing has become very convenient. There are already a lot of PDF reading software on the market, and browsers themselves also provide PDF reading functions; at the same time, some advanced PDF reading software also provides PDF annotations, signatures, modifications, and other functions. Most of the knowledge management software is also more or less adapted to PDF reading.

While saving to PDF is the best solution I can think of at the moment, the extensions that offer saving to PDF are very rudimentary in their functionality, and some of the tools require networking to the server to operate, which is even more difficult to achieve for some login authentication pages.

### build-in PDF print function

The built-in PDF printing in the browser (ctrl+p), this is the most direct way to generate PDF, but the PDF generated by this function requires the author of the article to adapt the PDF style, so that the printed PDF will be more accurate and nice. Unfortunately, most of the current websites do not provide PDF print-friendly style adaptation, and the effect of the generated PDF may be very different from the effect of the browsed web page. At the same time, the browser's built-in PDF printing cannot maintain the original layout of the web page like a screenshot. The main reason is the size limit of the built-in PDF printing.


### third-party PDF extension

Another option for saving PDFs is to use third-party extensions.

The simpler PDF extension directly call the browser's built-in printing function to generate PDF files directly, without subsequent optimization processing, and the effect is basically the same as that of users directly using ctrl+p.

The advanced PDF extensions will transmit the visited webpage address to a third-party server, and then, through the webpage address, operate on the server and save it as a PDF. But in this way, there is no way to save some web pages or articles that require login authentication. At the same time, because the fonts on the user's own computer may be different from the fonts on the third-party server, the generated PDF effect is still somewhat inconsistent.

### Myself PDF extension

In order to meet the needs of collecting articles through PDF, I developed such a extension Just One Page PDF (JOPP). Support similar screenshot operations, select a specified area to save as a PDF, the most important thing is that this operation is performed on the client without any third-party services.

JOPP generated PDF comes with an outline function, that is, JOPP supports the recognition of the title (H1, H2, H3, etc.) structure of the page, automatically converted into PDF bookmarks.

JOPP also supports batch saving to PDF, so you no longer need to click print page by page. With one click, you can print all selected pages to PDF.


For article collection, you can also use JOPP's sending email function to send the generated PDF articles to your own mailbox. For knowledge management tools that support email collection of articles, such as evernote/onenote, etc., you can directly send the PDF to the target mailbox.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "action": { "default_title": "__MSG_AppName__", "default_popup": "popup.html", "default_icon": { "16": "icons/icon-16.png", "32": "icons/icon-32.png" } }, "background": { "service_worker": "js/background.js", "type": "module" }, "default_locale": "en", "description": "__MSG_AppDesc__", "homepage_url": "https://soft.xiaoshujiang.com", "icons": { "16": "icons/icon-16.png", "32": "icons/icon-32.png", "512": "icons/icon-512.png" }, "web_accessible_resources": [ { "resources": [ "imgs/*", "content/*", "*.js", "*.css", "*.png", "*.webp", "*.ttf", "*.json", "*.html", "*.wasm" ], "matches": [""] } ], "manifest_version": 3, "name": "__MSG_AppName__", "offline_enabled": true, "options_page": "setting.html", "host_permissions": [""], "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+J" } }, "print_selection_node": { "suggested_key": { "default": "Alt+Shift+N" }, "description": "Print selection node" }, "article_print": { "suggested_key": { "default": "Alt+Shift+A" }, "description": "Article print" }, "print_selection_area": { "suggested_key": { "default": "Alt+Shift+M" }, "description": "Print selection area" } }, "permissions": [ "activeTab", "contextMenus", "scripting", "debugger", "downloads", "storage", "management", "tabs", "notifications"], "version": "0.10.5", "content_security_policy": { "extension_pages": "object-src 'self';script-src 'self' 'wasm-unsafe-eval'" }}
Read more