使用頁面標尺來輕鬆測量像素大小的頁面元素。
😉 嘿,好奇的朋友們!
🌟 有沒有想過在網頁上有一把魔法的在線尺子,可以測量像素呢?✨
📏 好消息!認識一下 Page Ruler,您在測量網頁世界中的可靠助手!🚀
為什麼這麼受矚目?
Page Ruler 不是您平常的擴充功能;它就像是您瀏覽器中的超能力!只需點擊一下按鈕,您就可以測量屏幕上的東西(例如:測量 div 元素上的圖像。🖱️ 想知道那隻可愛貓咪圖片有多寬?或者那個酷炫遊戲橫幅有多高?Page Ruler 會幫您解決。
輕鬆又簡單
使用測量尺子就像吃派一樣簡單🥧(誰不喜歡派呢?)。點擊操作按鈕,然後,您就可以得到屏幕上任何對象的尺寸。這裡沒有複雜的技術術語!只有純粹、簡單的測量魔法。✨
網格視圖豐富多彩
📊 哦,這還不算完:像素尺子還配備了一個超級方便的網格視圖!就像在您的頁面上有一張整潔的方格紙,讓測量變得輕鬆自如。不再需要眯著眼睛猜測。每次都是精確的測量。
😉 那麼,您還在等什麼呢?
準備好進入輕鬆測量和自動刷新的世界了嗎?立即下載 Page Ruler,加入網頁巫師的行列吧!🌐 無論您是經驗豐富的專家還是剛開始您的網路冒險,Page Ruler 都是您輕鬆瀏覽網頁的首選工具。來吧,試試看吧!您的網頁將感謝您。
✨ 這款應用是一個輕量級的附加元件,與多個瀏覽器兼容,旨在幫助您輕鬆測量網頁中的距離。當您在網頁上移動時,只需將鼠標懸停,然後,一個矩形尺子就會出現,包括寬度、高度、起點和終點,所有數值都以像素標記整齊地顯示。📏 隨著您的鼠標移動,矩形尺子會調整大小,實時更新所有數值。要啟用此附加元件,只需點擊工具欄按鈕一次。如果您需要停用它,只需點擊工具欄按鈕一次即可。對於使用觸控設備的用戶,請放心!您仍然可以通過直接在頁面上拖動矩形來使用尺子。🖱️
🎨 使用網頁尺規很容易!只需訪問您想要測量的網頁,然後點擊工具欄按鈕以啟用附加元件。一旦啟用,您將看到一個統一的網格(50x50像素)覆蓋在頁面上,並伴隨著一個方便的信息欄在左上角標有“尺規模式”(自2024年4月25日起默認為禁用)。需要停用附加元件或移除網格?只需再次按下工具欄按鈕。當附加元件處於啟用狀態時,可以自由在頁面內移動滑鼠以繪製矩形。從那裡,您可以輕鬆閱讀像素尺寸,包括寬度、高度、起點和終點。此外,如果需要進行微調,可以使用鍵盤的箭頭鍵調整端點。
🌟 想要深入了解測量網頁尺規的源代碼嗎?您很幸運!前往Chrome Web Store並下載擴展程序。只需點擊一下,您就可以將源代碼直接下載到您的計算機上,格式可以是ZIP或CRX。對於Firefox用戶,不用擔心!您可以右鍵點擊“添加到Firefox”按鈕,然後選擇“另存為...”來獲取源代碼。選擇您的目標文件夾,將文件保存為XPI,然後轉換為RAR或ZIP格式。儘管一些擴展可能有GitHub存儲庫,但從官方網上商店下載可以確保您始終擁有最新版本。
🛠️ 您是否好奇PageRuler如何運作?這個附加元件僅僅運行在純JavaScript代碼上,無需第三方庫。此外,它與所有現代瀏覽器兼容,無論是移動還是桌面平台,無論操作系統如何。
🌐 雖然Page Online Ruler提供精確的測量,但目前缺少在繪製後移動矩形的選項。但是,您可以輕鬆使用鍵盤或滑鼠調整其大小。至於設置或選項,Page Ruler保持簡單 - 沒有需要調整的,提供直接的用戶體驗。
✨ 雖然Page Ruler是一個方便的工具,但重要的是要注意它僅在具有內容的網頁上運作 - 不適用於空白標籤!如果需要將頁面恢復到原始狀態,只需重新加載。附加元件所做的所有更改將在重新加載時消失,使您的頁面恢復如初。感謝使用!