Draw or highlight on any website in real time. Add text, lines, and shapes. Move, undo, or redo anything you draw.

Latest Version

Version
5.7
Update
December 20, 2023
Size
133KiB
Developer
pagemarker.org
Category
Users
900,000+
Rating
4.01695 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
Scripting
See more

Page Marker - Draw on Web Extension

Draw on any website, add text, add lines, and highlight! With Page Marker, you can use your mouse or touchscreen to draw on the web or on PDFs and save it to your computer. Paint, draw, and mark on any webpage or website.

Instructions:
1. Click the puzzle piece-shaped extensions icon in the top right corner of your browser. Pin the Page Marker red marker icon for ease of access.

2. Begin drawing on any webpage with your mouse or touchscreen.

3. To change the color of the marker, click on the color selecting box.

4. To change thickness, use the size slider.

5. Use the highlighter tool to highlight lines of text.

6. Use the eraser tool to erase parts of your drawing.

7. Use the text tool to add text to the website.

8. Use the line tool to draw straight lines.

9. To undo or redo, click the corresponding undo/redo buttons.

10. Change the default color or thickness in the options menu when you right click the Page Marker icon.

Shortcuts:
Marker - \"Shift\" + \"D\"
Highlighter - \"Shift\" + \"H\"
Eraser - \"Shift\" + \"E\"
Pointer - \"Shift\" + \"P\"
Text - \"Shift\" + \"T\"
Move - \"Shift\" + \"M\"
Undo - \"Shift\" + \"U\"
Redo - \"Shift\" + \"R\"
Clear - \"Shift\" + \"X\"
Exit - \"ESC\"
Read more

Source Manifest.json

{ "update_url": "https://clients2.google.com/service/update2/crx", "name": "Page Marker - Draw on Web", "description": "Draw or highlight on any website in real time. Add text, lines, and shapes. Move, undo, or redo anything you draw.", "version": "5.7", "permissions": [ "activeTab", "storage", "scripting" ], "icons": { "128": "icon.png" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+D" } } }, "action": { "default_icon": "icon.png", "default_title": "Page Marker" }, "background": { "service_worker": "background.js" }, "options_page": "options.html", "web_accessible_resources": [ { "resources": ["main.css", "marker.png", "eraser.png", "save.png", "pointer.png", "highlighter.png", "clear.png", "undo.png", "redo.png", "move.png", "text.png", "line.png", "exit.png", "cup-border.png"], "matches": [""] } ], "manifest_version": 3}
Read more

How to download and manually install Page Marker - Draw on Web extension for Chrome

Looking for a way to install Page Marker - Draw on Web extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Page Marker - Draw on Web extensions manually, this article outlines two simple methods to effortlessly install Page Marker - Draw on Web extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Page Marker - Draw on Web extension and manually install through Drag &Drop

If you ever need to manually install a Page Marker - Draw on Web extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Page Marker - Draw on Web Extension by clicking the "Download CRX" button on the website.

Look for the Page Marker - Draw on Web extension you wish to install. Go to the website and download the Page Marker - Draw on Web extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Page Marker - Draw on Web extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Page Marker - Draw on Web extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Page Marker - Draw on Web extension for Chrome and install in Developer Mode

This is another method to install Page Marker - Draw on Web extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Page Marker - Draw on Web extension file

Select and download the Page Marker - Draw on Web extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Page Marker - Draw on Web extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Page Marker - Draw on Web extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Page Marker - Draw on Web extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Page Marker - Draw on Web extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Drawing Extension · Productivity 900,000+ 52 ★ 25.13KiB

icon

Draw on Page Extension · Productivity 900,000+ 42 ★ 324KiB

icon

Web Paint Tool - draw online Extension · Fun 900,000+ 3677 ★ 229KiB

icon

Super Simple Highlighter Extension · Productivity 900,000+ 1256 ★ 348KiB

icon

Yellow highlighter pen for web Extension · Productivity 900,000+ 492 ★ 46.39KiB

icon

Paint Tool for Chrome Extension · Productivity 900,000+ 1586 ★ 145KiB

icon

Web Paint - Page Marker & Editor Extension · Productivity 900,000+ 904 ★ 146KiB

icon

Page Marker for Google Chrome™ Extension · Productivity 900,000+ 10 ★ 1.41MiB

icon

Web Page Canvas Extension · Productivity 900,000+ 8 ★ 836KiB

icon

Annotate the Web Extension · Productivity 900,000+ 10 ★ 205KiB

icon

MPen Extension · Productivity 900,000+ 40 ★ 61.05KiB

icon

Smart Web Paint for Chrome Extension · Productivity 900,000+ 26 ★ 170KiB

icon

Web paint tool - Drawww Extension · Productivity 900,000+ 53 ★ 161KiB

icon

SpeeDoodle Extension · Fun 900,000+ 3 ★ 74.06KiB

icon

Screen Doodle Extension · Productivity 900,000+ 9 ★ 483KiB

icon

Paint Extension · Fun 900,000+ 146 ★ 499KiB

icon

Spade: Draw on and Annotate the Web & PDFs Extension · Productivity 900,000+ 33 ★ 3.42MiB

icon

DrawR Extension · Productivity 900,000+ 14 ★ 39.25KiB

icon

Paint - Drawings Easy Extension · Fun 900,000+ 272 ★ 1.54MiB

icon

Web Paint Extension · Fun 900,000+ 27 ★ 101KiB

icon

Web Paint Online Extension · Productivity 900,000+ 43 ★ 166KiB

icon

TinySketch Extension · Fun 900,000+ 287 ★ 23.59KiB

icon

Annotate: Web Annotations with Screen Sharing Extension · Productivity 900,000+ 205 ★ 3.4MiB

icon

Web Paint for Google Chrome™ Extension · Photos 900,000+ 30 ★ 441KiB

User reviews

icon

JJ H. (ID: 0000009d259d8cfc) Voted 5 ★ - Updated 02/20/2024 This is a very good extension! Other than the extension "Draw on Page" this is the only extension that I tried so far that draws smoothly. the only thing I think the developers can improve on is for there to be custom shortcuts to assess different kind of tools!

icon

Benjamin Mathew (ID: 000000f4d0cb0c0d) Voted 5 ★ - Updated 01/11/2024 i love this app its so good thank you for not asking me to write a review every second like the last extension i rated it a one star and wrote a horrible review if this app also does that i will spam it with bad reviews also.

icon

Kerollos Badawy (ID: 0000009b4c107ed7) Voted 5 ★ - Updated 11/14/2023 THIS THING SAVED ME ON DEADLINE DAY FOR A BIG ESSAY WHEN I FORGOT MY NOTEBOOK AT SCHOOL THANK YOU SO MUCH YOU SAVED ME.THIS IS THE BEST EXTENSION I HAVE EVER USED TYSM. 😎😎

icon

Bearzeps (ID: 000000688df5f849) Voted 4 ★ - Updated 11/08/2023 Ich wollte eine Extension, die es mir erlaubt auch dort zu markieren, wo ich gescrollt habe. Es läuft mit und somit kann ich meine Haken setzen für Guides oder bereits abgearbeitete Tasks. Bomben Tool!

icon

Erin Li (ID: 0000005dec82653a) Voted 5 ★ - Updated 11/01/2023 It's the only extension that seamlessly keeps what I've written after scrolling up and down the page. The keybinds are simple and the features all work great. The only two issues are marking on pdfs (but there are plenty of extensions for that) and accidentally erasing everything by closing the extension without a way to save it. However, these really don't deter me from using it. Highly recommend!