項(xiàng)目中,視覺現(xiàn)在采用的是給Axure的方式,為了方面測量,現(xiàn)有的插件Tampermonkey是同事推薦的,會(huì)方便一些。原理就是注入一段js代碼,去解析對應(yīng)Axure網(wǎng)址的html?;▊€(gè)小幾分鐘整理一下,方面自己,后面有新人需要安裝也能直接參考,詳細(xì)步驟如下:
參考文章(方法三):http://www.uisdc.com/axure-implements-automatic-annotation
1.安裝插件Tampermonkey

Tampermonkey.png
2.獲取源代碼
<script src="https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js"></script>
3.擴(kuò)展程序->添加新腳本

image.png
4.網(wǎng)址匹配(注意namespace和match),將步驟二代碼源代碼賦值到代碼處

image.png
5.成功之后效果如下:

image.png
除了插件,也一些也border無法測量,還需要使用專門的rp軟件去源文件里面看