项目中,视觉现在采用的是给Axure的方式,为了方面测量,现有的插件Tampermonkey是同事推荐的,会方便一些。原理就是注入一段js代码,去解析对应Axure网址的html。花个小几分钟整理一下,方面自己,后面有新人需要安装也能直接参考,详细步骤如下:
参考文章(方法三):http://www.uisdc.com/axure-implements-automatic-annotation
1.安装插件Tampermonkey
Tampermonkey.png2.获取源代码
<script src="https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js"></script>
3.扩展程序->添加新脚本
image.png4.网址匹配(注意namespace和match),将步骤二代码源代码赋值到代码处
image.png5.成功之后效果如下:
image.png除了插件,也一些也border无法测量,还需要使用专门的rp软件去源文件里面看
网友评论