Title: Measuring Ruler
Author: ankilov1954
Published: <strong>2020 年 11 月 24 日</strong>
Last modified: 2021 年 3 月 12 日

---

搜索插件

![](https://ps.w.org/measuring-ruler/assets/banner-772x250.jpg?rev=2433800)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/measuring-ruler/assets/icon-128x128.jpg?rev=2424879)

# Measuring Ruler

 作者：[ankilov1954](https://profiles.wordpress.org/ankilov1954/)

[下载](https://downloads.wordpress.org/plugin/measuring-ruler.1.1.zip)

 * [详情](https://cn.wordpress.org/plugins/measuring-ruler/#description)
 * [评价](https://cn.wordpress.org/plugins/measuring-ruler/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/measuring-ruler/#developers)

 [支持](https://wordpress.org/support/plugin/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.⌉⌊
Press the "M" key on your keyboard to enable and disable the measurement mode.⌉[

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.⌉⌊The cursor becomes a crosshair. Its absolute coordinates are displayed next
to it.⌉[

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.⌉⌊Use the left mouse button to measure. There are
two possible ways: measure from click to click or tap and pull.⌉[

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.⌉⌊The absolute coordinates of the element, as well as its width and height,
are displayed.⌉[

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.⌉⌊When the cursor is inside the element, its absolute and relative coordinates
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.⌉⌊To turn auto-correction mode on or off, 
press the "A" key on your keyboard. Appearance of the cursor in auto-correction 
mode.⌉[

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.⌉⌊Measuring the distance between blocks.⌉[

Measuring the distance between blocks.

[⌊The cursor and lines are clearly visible on both dark and light page backgrounds.⌉⌊
The cursor and lines are clearly visible on both dark and light page backgrounds
.⌉[

The cursor and lines are clearly visible on both dark and light page backgrounds.

## 评价

![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e?
s=60&d=retro&r=g)

### 󠀁[Nicely Done !](https://wordpress.org/support/topic/nicely-done-94/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2020 年 11 月 24 日 
1 回复

Works as advertised, nice, easy, no drama ! Thanks for this plugin !

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/measuring-ruler/reviews/)

## 贡献者及开发者

「Measuring Ruler」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ ankilov1954 ](https://profiles.wordpress.org/ankilov1954/)

[帮助将「Measuring Ruler」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/measuring-ruler)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/measuring-ruler/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/measuring-ruler/)，或通过[RSS](https://plugins.trac.wordpress.org/log/measuring-ruler/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/measuring-ruler/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **1.1**
 *  最后更新：**5 年前**
 *  活跃安装数量 **40+**
 *  WordPress 版本 ** 5.4.2 或更高版本 **
 *  已测试的最高版本为 **5.7.15**
 *  PHP 版本 ** 7.1.33 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/measuring-ruler/)
 * 标签
 * [element](https://cn.wordpress.org/plugins/tags/element/)[height](https://cn.wordpress.org/plugins/tags/height/)
   [measuring](https://cn.wordpress.org/plugins/tags/measuring/)[ruler](https://cn.wordpress.org/plugins/tags/ruler/)
   [size](https://cn.wordpress.org/plugins/tags/size/)
 *  [高级视图](https://cn.wordpress.org/plugins/measuring-ruler/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/measuring-ruler/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/measuring-ruler/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/measuring-ruler/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/measuring-ruler/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/measuring-ruler/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/measuring-ruler/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/measuring-ruler/reviews/)

## 贡献者

 *   [ ankilov1954 ](https://profiles.wordpress.org/ankilov1954/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/measuring-ruler/)