ページルーラ

簡単に使用できるルーラーでページ要素のサイズをピクセルで測定します。

😉 こんにちは、好奇心旺盛な皆さん！ 🌟 ウェブページのピクセルを測定するための魔法のオンライン定規が欲しいと思ったことはありませんか？ ✨ 📏 それなら、Page Rulerに会いましょう。測定ページの世界で頼りになる相棒です！ 🚀 何が話題なのか？ Page Rulerは普通の拡張機能ではありません。まるでブラウザ内にスーパーパワーを持っているかのようです！ボタンをクリックするだけで、画面上のものを測定できます（例：div要素上の画像を測定するなど）。 🖱️ その可愛らしい猫の写真がどれくらい幅があるか知りたいですか？それとも、かっこいいゲームのバナーがどれくらいの高さか知りたいですか？Page Rulerがサポートします。 簡単で楽々 測定定規を使うことはパイを食べるのと同じくらい簡単です 🥧（誰がパイを嫌いますか？）。アクションボタンをクリックすると、対象物の寸法が表示されます。ここでは複雑なことは一切ありません！純粋でシンプルな測定の魔法です。 ✨ グリッドビューも充実 📊 それに加えて、ピクセル定規には非常に便利なグリッドビューが付いてきます！ページにきれいなグラフ用紙が重なり、測定が簡単になります。もう目を細めて推測する必要はありません。常に正確な測定が可能です。 😉 それでは、何を待っているのですか？ 簡単な測定と自動更新の世界に飛び込む準備はできていますか？Page Rulerを今すぐダウンロードして、ウェブウィザードの仲間入りをしましょう！ 🌐 経験豊富なプロでも、オンライン冒険を始めたばかりでも、Page Rulerはウェブブラウジングを簡単にするための必須ツールです。さあ、試してみてください！あなたのウェブページは感謝するでしょう。 ✨ このアプリは軽量なアドオンで、複数のブラウザと互換性があり、ウェブページ内の距離を簡単に測定するために設計されています。ウェブページを移動する際に、マウスをホバーさせるだけで、幅、高さ、始点、終点がすべてピクセルできれいにラベル付けされた長方形の定規が表示されます。 📏 マウスを動かすたびに、長方形はサイズを調整し、すべての数値がリアルタイムで更新されます。アドオンをアクティブにするには、ツールバーボタンを1回クリックするだけです。そして、必要に応じて無効にする場合は、ツールバーボタンを1回クリックするだけで済みます。タッチ対応デバイスを使用している方も安心してください！ページ上で長方形を直接ドラッグして定規を利用できます。 🖱️ 🎨 オンラインルーラーページの使用を開始するのは簡単です！単に測定したいウェブページを訪れ、その後アドオンをアクティブ化するためにツールバーボタンをクリックします。アクティブ化されると、ページに一様なグリッド（50x50ピクセル）がオーバーレイされ、左上隅に便利な情報バーが表示されます。この情報バーには「ルーラーモード」とラベルが付いています（2024年4月25日以降はデフォルトで無効になっています）。アドオンを無効にしたい場合やグリッドを削除したい場合は、再びツールバーボタンを押すだけです。アドオンがアクティブな状態で、ページ内でマウスを自由に移動して四角形を描くことができます。そこから、幅、高さ、始点、終点を含むピクセル単位の寸法を簡単に読むことができます。また、微調整が必要な場合は、キーボードの矢印キーを使用してエンドポイントを調整できます。 🌟 ページルーラーのソースコードを調べてみたいと思っていますか？ラッキーです！Chrome Web Storeにアクセスして拡張機能をダウンロードしてください。簡単なクリックで、ソースコードをZIP形式またはCRX形式で直接マシンにダウンロードできます。Firefoxユーザーの場合、心配しないでください！「Firefoxに追加」ボタンを右クリックして、「リンクを保存」を選択することでソースコードを入手できます。宛先フォルダーを選択し、ファイルをXPI形式で保存し、それをRARまたはZIP形式に変換してください。一部の拡張機能にはGitHubリポジトリがあるかもしれませんが、公式のウェブストアからダウンロードすることで常に最新バージョンを入手できます。 🛠️ PageRulerがどのように機能するか気になったことはありますか？このアドオンは純粋なJavaScriptコードのみで動作し、サードパーティのライブラリは必要ありません。さらに、オペレーティングシステムに関係なく、モバイルおよびデスクトッププラットフォームのすべての最新ブラウザと互換性があります。 🌐 Page Online Rulerは正確な測定を提供しますが、描画された後に四角形を移動するオプションが現在はありません。ただし、キーボードまたはマウスを使用して簡単にサイズを調整できます。設定やオプションに関しては、Page Rulerはシンプルに保つようにしており、調整するものは何もありません。これにより、ユーザーエクスペリエンスが簡素化されています。 ✨ Page Rulerは便利なツールですが、空白のタブでは機能しませんのでご注意ください！ページを元の状態に戻す必要がある場合は、単にリロードしてください。アドオンによって行われたすべての変更はリロード時に消え、ページは元通りになります。