選択したテキストに2種類の背景色でハイライトできます。
(Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、
最小限の機能だけに絞り、例外などは考慮していません。)
- ハイライト操作
- ハイライト状態
- 複数箇所・二種のハイライト
- ハイライト解除操作
(アイコンクリック) - ハイライト解除後
- インストール
- ChromeウェブストアのMarker Pen へ移動する
- 通常のChrome拡張機能と同じ手順でインストールする
- 設定は必要ありません
-
機能
※Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、最小限の機能だけに絞り、例外などは考慮していません。
- 選択したテキストに2種類の背景色でハイライトできます。
背景色:
- positive: アクア
- negative: グレー
- ハイライトを取り消すことができます。
- 当該ドメイン内の移動先ページでも設定したテキストがハイライトされます。
- セッションを終了するとハイライトの設定は破棄されます。
- 選択したテキストに2種類の背景色でハイライトできます。
-
操作方法
- ハイライト操作
- ハイライトするテキストを選択して右クリック
- コンテクストメニューの「MarkerPen」にマウスを移動
- 機能を選択する
- ハイライト解除操作
- 拡張機能のアイコンをクリック
- 解除するマーキング中のテキストをクリック
- ハイライト操作
-
制限事項
※Chrome拡張機能の動作とChromeウェブストア登録の実証例として作成していますので、最小限の機能だけに絞り、例外などは考慮していません。
- ハイライト背景色は二種類の固定です。
- ハイライトの設定は当該ドメイン内だけです。
- ハイライトの設定はセッションを終了するとは破棄されます。
- 実証例ですので、一般公開ではなくURLをご存じの方だけへの限定公開にしています。
-
使用技術
- Chrome拡張機能によるDOM操作
- Chrome拡張機能によるコンテクストメニュー(右クリックメニュー)操作
- Chrome拡張機能のスクリプト(service workerとcontent script)間の通信
- Chrome拡張機能のスクリプト(popupとcontent script)間の通信
- Chromeウェブストアへの登録
-
更新履歴
- Ver. 0.4.0 削除機能をポップアップウィンドウへ移動
- Ver. 0.3.1 公開