읽기 가이드라인 표시와 드로잉 주석 기능을 제공하는 확장 프로그램 | Extension Providing Reading Guidelines Display and Drawing Annotation Features ?

Latest Version

Version
1.0.1
Update
January 9, 2025
Size
145KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
한국어
See more
Permissions
ActiveTab
Tabs
See more

Attention - Web Reading Assistant Extension

📌 현대인의 읽기 집중력을 높이고 긴 글을 더 효율적으로 이해할 수 있도록 설계된 이 확장 프로그램은 아래와 같은 주요 기능을 제공합니다.

1️⃣ 읽기 가이드라인: Reading Assistant Mode

- 하이라이트 바 (ON/OFF)
- 화면의 왼쪽에 표시되는 가이드 바를 활용하여 문장이나 문단의 읽기를 돕습니다.
- 가이드 바의 노란색 상자 위에 마우스를 올리면 해당 위치의 문장 또는 문단이 하이라이트 처리됩니다.

- 키보드 모드 기능 (ON/OFF)
- 가이드 바의 노란색 영역 클릭 또는 키보드 아이콘 클릭 시 키보드 모드에 진입할 수 있습니다. 키보드를 사용하여 하이라이트 위치를 조작할 수 있습니다.
- ↑, ↓, SpaceBar: 하이라이팅 위치를 이동하고 고정
- Esc(escape): 키보드 모드 종료

2️⃣ 사용자가 직접 만드는 주석: Self-Annotation Mode

- 강조하고 싶은 텍스트에 하이라이트, 동그라미, 네모, 대괄호 등을 추가하여 시각적으로 표시할 수 있습니다. 마치 종이에 직접 메모하는 것처럼 직관적입니다.
- 주석의 타입 변경, 삭제, 표시/숨김(ON/OFF) 기능 지원
- 생성된 주석은 브라우저의 indexedDB에 저장되며, 페이지를 다시 방문하면 자동으로 복원됩니다.

3️⃣ 메모 작성 및 아카이빙: Memo & Archive Mode

- 웹 페이지 옆에 메모 대시보드를 열어 간편하게 메모를 작성하고 관리할 수 있습니다.
- 메모를 마크다운 형식으로 작성하고 수정할 수 있어 깔끔하고 체계적인 정리가 가능합니다.
- 작성된 메모는 브라우저에 저장되며 언제든 다시 확인할 수 있습니다.
- 키보드 읽기 가이드라인 모드로 선택한 텍스트를 대시보드에 바로 복사하여 메모에 활용할 수 있습니다.

❗ 현재는 velog 및 tistory 웹 사이트에 한정하여 서비스를 제공하고 있습니다.

❗ 브라우저에서 인터넷 사용 기록 관리 - 쿠키 및 데이터 삭제 시, 메모 및 하이라이트 주석이 삭제 됩니다.

❗ 초보 개발자가 개발한 많이 부족한 프로젝트입니다. 불편한 점이나 버그가 있다면 하단의 이메일로 제보 부탁드립니다.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Attention - Web Reading Assistant", "version": "1.0.1", "description": "\uc77d\uae30 \uac00\uc774\ub4dc\ub77c\uc778 \ud45c\uc2dc\uc640 \ub4dc\ub85c\uc789 \uc8fc\uc11d \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8 | Extension Providing Reading Guidelines Display and Drawing Annotation Features \ud83d\udd8d", "icons": { "16": "assets/icon-16.png", "32": "assets/icon-32.png", "48": "assets/icon-48.png", "128": "assets/icon-128.png" }, "action": { "default_title": "Attention - Toggle dashboard", "default_icon": { "16": "assets/icon-16.png", "32": "assets/icon-32.png", "48": "assets/icon-48.png", "128": "assets/icon-128.png" } }, "permissions": ["activeTab", "tabs"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://velog.io/*", "https://*.tistory.com/*", "https://*.ssongq.com/*"], "js": ["content-script.js"], "run_at": "document_idle" } ], "web_accessible_resources": [ { "matches": ["https://velog.io/*", "https://*.tistory.com/*", "https://*.ssongq.com/*"], "resources": ["injected-customElements-script.js"] } ], "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+B", "mac": "Command+B" } } }}
Read more

How to download and manually install Attention - Web Reading Assistant extension for Chrome

Looking for a way to install Attention - Web Reading Assistant 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 Attention - Web Reading Assistant extensions manually, this article outlines two simple methods to effortlessly install Attention - Web Reading Assistant extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Attention - Web Reading Assistant extension and manually install through Drag &Drop

If you ever need to manually install a Attention - Web Reading Assistant 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 Attention - Web Reading Assistant Extension by clicking the "Download CRX" button on the website.

Look for the Attention - Web Reading Assistant extension you wish to install. Go to the website and download the Attention - Web Reading Assistant extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Attention - Web Reading Assistant 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 Attention - Web Reading Assistant 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 Attention - Web Reading Assistant extension for Chrome and install in Developer Mode

This is another method to install Attention - Web Reading Assistant 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 Attention - Web Reading Assistant extension file

Select and download the Attention - Web Reading Assistant 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 Attention - Web Reading Assistant 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 Attention - Web Reading Assistant 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 Attention - Web Reading Assistant 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 Attention - Web Reading Assistant extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Adobe Acrobat: PDF edit, convert, sign tools Extension · Productivity 0 52558 ★ 1.9MiB

icon

AdBlock — block ads across the web Extension · Productivity 0 289518 ★ 58.08MiB

icon

Adblock Plus - free ad blocker Extension · Productivity 0 184990 ★ 55.82MiB

icon

Chrome Remote Desktop Extension · Productivity 0 2440 ★ 22.66KiB

icon

Free VPN for Chrome - VPN Proxy VeePN Extension · Productivity 0 26400 ★ 1.25MiB

icon

Zoom Chrome Extension Extension · Productivity 0 996 ★ 277KiB

icon

Google Keep Chrome Extension Extension · Productivity 0 7856 ★ 4.15MiB

icon

Save to Google Drive Extension · Productivity 0 4834 ★ 686KiB

icon

Save to Pinterest Extension · Productivity 0 9880 ★ 606KiB

icon

Avira Browser Safety Extension · Productivity 0 3033 ★ 1.68MiB

icon

Avira Password Manager Extension · Productivity 0 514 ★ 8.09MiB

icon

Office Editing for Docs, Sheets & Slides Extension · Productivity 0 5830 ★ 6.54MiB

icon

1Password – Password Manager Extension · Productivity 0 2371 ★ 17.66MiB

icon

Superpowers for Chatgpt Extension · Productivity 0 24 ★ 2.33MiB

icon

Awesome Screen Recorder & Screenshot Extension · Productivity 0 27940 ★ 10.64MiB

icon

AI Grammar Checker & Paraphraser – LanguageTool Extension · Productivity 0 10619 ★ 12.03MiB

icon

Pop up blocker for Chrome™ - Poper Blocker Extension · Productivity 0 81258 ★ 2.7MiB

icon

Evernote Web Clipper Extension · Productivity 0 129703 ★ 4.13MiB

icon

Signer.Digital Digital Signature, PKI Extension · Productivity 0 55 ★ 48.36KiB

icon

Screen Recorder Extension · Productivity 0 1720 ★ 262KiB

icon

Microsoft Editor: Spelling & Grammar Checker Extension · Productivity 0 4337 ★ 3.35MiB

icon

The QR Code Extension Extension · Productivity 0 441 ★ 1.03MiB

icon

Keeper® Password Manager & Digital Vault Extension · Productivity 0 8352 ★ 83.61MiB

icon

Video Speed Controller - Video manager Extension · Productivity 0 1025 ★ 217KiB