這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Measuring Ruler

描述

The plugin is designed to measure the height, width and margins of elements on the page during the preview when editing. It also shows the absolute and relative positions of elements.
In auto-correction mode, the program can automatically detect the borders of elements and correct inaccuracies in cursor positioning. Auto-correction occurs at the end of the measurement.
The plugin does not affect the appearance and html code of the page when its published.
Tested on browsers: Yandex v20.8.3.115, Google Chrome v85.0.4183.121, Opera v70.0.3728.189, Microsoft Edge v85.0.564.51, Firefox v78.0.2.

Usage

  1. Install and activate the plugin.
  2. Open an existing page for editing or create a new one.
  3. Make a preview of the page.
  4. Move the cursor to an element.
  5. Press the “M” key on your keyboard to enable measurement mode.
  6. Use the left mouse button to measure. There are two possible ways:
    measure from click to click;
    tap and pull.
  7. Press the “M” key again to disable measurement mode.

Additional features:
press the “A” key on your keyboard to turn auto-correction mode on or off;
use the “Esc” key to remove unnecessary measurement elements from the screen.

螢幕截圖

  • Press the “M” key on your keyboard to enable and disable the measurement mode.
  • The cursor becomes a crosshair. Its absolute coordinates are displayed next to it.
  • Use the left mouse button to measure. There are two possible ways: measure from click to click or tap and pull.
  • The absolute coordinates of the element, as well as its width and height, are displayed.
  • When the cursor is inside the element, its absolute and relative coordinates are displayed.
  • To turn auto-correction mode on or off, press the “A” key on your keyboard. Appearance of the cursor in auto-correction mode.
  • Measuring the distance between blocks.
  • The cursor and lines are clearly visible on both dark and light page backgrounds.

評價

2020年11月24日 1 reply
Works as advertised, nice, easy, no drama ! Thanks for this plugin !
閱讀全部1個評價

貢獻者及開發者

“Measuring Ruler” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Measuring Ruler 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.1 (05.12.2020)

  • Added a comma in the block data string.
  • Added an auto-correction mode indicator next to the crosshair cursor.
  • Added automatic correction of inaccuracies in setting the cursor on an element.
  • Fixed flickering on the system cursor when you move it.

1.0 (24.11.2020)

  • Initial release