WebLabel Extension Chrome

WebLabel Extension

Webページに付箋を貼り付けるアプリです。

【機能紹介】
・Webページ上に付箋を貼る。
・保存する。
・付箋のスタイルを変える。
・削除する。
・検索する。

●Webページ上に付箋を貼る。
Webページ上に付箋を貼り、メモを書き込むことができます。
付箋の位置、色、サイズは自由にかえることができます。
（操作）
右クリックを押して、「Add Label」を選択する。

●保存する。
付箋をローカルに保存します。
（操作）
テキストを書き換えてフォーカスを外す。
付箋を動かす。
付箋のサイズを変える。

\t

●付箋のスタイルを変える。
付箋の色、文字サイズを調整できます。
（操作）
付箋の左上にあるアイコンをクリックする。
\t以下の項目を調整できます。
\t\t「background color」背景色
\t\t「border color」枠線の色
\t\t「color」文字色
\t\t「font size」文字サイズ

\t
●削除する。
付箋にカーソルを合わせ、付箋右上にある「×」をクリックすると削除されます。

●検索する。
貼り付けた付箋に書き込んだ内容を検索できます。
（操作）
ブラウザ右上にあるWebLabelのアイコン「wl」をクリックして、
「search」と書かれた検索ボックスに文字を入力します。
入力した文字が含まれる、Webページのタイトル、url、付箋が表示されます。

●データ移行について
古いPCから新しいPCへデータを移行する場合は、以下を参考ください。

https://workflowy.com/s/RUyJpMYBd3

【注意点】
インストール直後に使用する場合は、インストール後Webページを更新して使用してください。
iframeタグを用いたサイトには付箋を貼付けることができません。

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "WebLabel", "version": "2.1.1", "manifest_version": 2, "description": "It is a tool that paste a sticky note on the Web page.", "icons": { "16": "img/icon.png", "48": "img/icon.png", "128": "img/icon.png" }, "browser_action": { "default_icon": "img/icon.png", "default_title": "Web Label", "default_popup": "html/popup.html" }, "options_page": "html/option.html", "background": { "scripts": [ "js/background.js" ] }, "content_scripts": [ { "matches": [ "https://*/*", "http://*/*" ], "js": [ "js/content_base.js", "js/keycontrol.js", "js/content.js" ] } ], "content_security_policy": "script-src 'self'; object-src 'self'", "permissions": [ "contextMenus", "tabs" ]}

WebLabel

It is a tool that paste a sticky note on the Web page.

Latest Version

WebLabel Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated