Page Rulerとは何ですか？

Page Rulerはhttps://sudarshanrai.com.npによって開発されたChromeの拡張機能で、その主な機能は「Page Ruler: Draw rulers on web pages to check element alignment in Chrome.」です。

拡張機能のスクリーンショット

Page Ruler拡張機能のCRXファイルをダウンロード

Page Ruler拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Page Ruler is a browser extension that allows you to draw a ruler on any web page to check the alignment of page elements. With it, you can easily draw line guides to help you align elements.

To use Page Ruler, simply click on the extension icon in the browser toolbar and enable it, then click on top of the window and drag a line on the page to draw a ruler. You can adjust the ruler's position by dragging the line. You can also use the options menu to change the color and style of the ruler. With Page Ruler, you can quickly and easily check the alignment of your UI elements to ensure that your web page looks professional and well-designed.

拡張機能の基本情報

名前	Page Ruler
ID	eccmicoahcpagbnibfolooaocnlceieg
公式URL	https://chromewebstore.google.com/detail/page-ruler/eccmicoahcpagbnibfolooaocnlceieg
説明	Page Ruler: Draw rulers on web pages to check element alignment in Chrome.
ファイルサイズ	15.33 KB
インストール数	4,257
現在のバージョン	2.2
最終更新日	2023-12-08
公開日	2023-01-02
評価	3.80/5 合計 10 レビュー
開発者	https://sudarshanrai.com.np
Eメール	[email protected]
支払い方法	free
プライバシーポリシーページのURL	https://chrome-extension-docs.vercel.app/page-ruler/privacy-policy
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Page Ruler", "description": "Page Ruler: Draw rulers on web pages to check element alignment in Chrome.", "version": "2.2", "permissions": [ "storage" ], "host_permissions": [ "" ], "action": { "default_popup": "index.html", "default_icon": "assets\/default_icon.png" }, "icons": { "16": "assets\/icon-16.png", "32": "assets\/icon-32.png", "48": "assets\/icon-48.png", "128": "assets\/icon-128.png" }, "content_scripts": [ { "js": [ "src\/scripts\/utils.js", "src\/scripts\/helper.js", "src\/scripts\/app.js" ], "css": [ "src\/styles\/inject.css" ], "matches": [ "https:\/\/\/", "http:\/\/\/" ] } ] }