ALLOYDESIGNER是一款免费的web前端开发工具，它可以直接嵌入你的Web页面中运行，帮助你精准、高效的构建Web页面的UI！使用AlloyDesigner后，你可以把设计稿拖进你的Web页面铺在页面的最底层，然后就可以对着设计稿来构建DOM元素和CSS样式啦，通过AlloyDesigner直观地调整页面，迅速达到与视觉稿一致的目的。
功能特色：
强大记忆恢复功能
刷新后恢复上次状态，无需重新调整视觉稿位置
便利的快捷键操作
使用易记的快捷键操作，进一步提高开发效率
稳固的基础功能
固定视觉稿，调节透明度，测试开发等基础功能强健
丰富的开发辅助工具
包含测距工具、CSS助手与取色器等快捷工具
安装方法：
1.在Chrome Web Store上安装AlloyDesigner扩展插件
2.点击免费，然后添加，就会添加到Chrome的地址栏的右边
3.打开需要开发或者测试的页面，然后点击AlloyDesigner的图标，会在页面下出现AlloyDesigner的工具条，然后打开右边的加载视觉稿按钮，选择要加载的视觉稿
至此视觉稿就被加载进来了，重新刷新页面也不会丢失视觉稿
手动嵌入代码的方式使用AlloyDesigner(IE7 +)
1.在官网上下载最新的AlloyDesigner代码版alloydesigner.js
2.在要测试或者开发项目的页面中底部把AlloyDesigner引进来
<script type="text/javascript" src="alloydesigner.js"></script>
3.将视觉文件保存成home.jpg或者home.png，放在与页面所在同目录下
或者视觉稿为其它文件，手动设置视觉文件路径
<script type="text/javascript">
$AD.set("design/design.jpg");
</script>4.刷新页面，即可以看到视觉文件被引入进来了
使用方法：
用于调整页面与测试
1.使用鼠标移动视觉稿，使视觉稿和页面近似重合
2.使用方向键微调视觉稿，使视觉稿和页面的参考点完全重合，没有重影
3.这时候页面不规范的部分就会有重影。
4.点击固定按键或按Alt+F键，固定视觉稿
固定后仍然可以使用Ctrl + 方向键微调视觉视觉稿的位置
5.在需要调整的地方，点击右键审查元素，审查元素
6.对样式进行调整，直到重合
7.记录样式修改。将修改的样式手动写在文件中，或者使用Chrome的Workspace功能自动更改。(查看怎么配置Workspace)
或
直接用于开发页面(For Chrome)
AlloyDesigner可以直接用于开发页面，这种开发更加便捷与直接，较传统的开发模式，真正具有即见即所得的能力。
此时Chrome F12工具充当编辑器，AlloyDesigner提供制作蓝本与其他辅助工具支持。
1.配置Workspace功能，自动保存F12中的修改。这样，浏览器就充当了部分编辑器的功能
2.加载视觉稿，将视觉稿固定在页面最上面合适的位置
3.点击固定按键固定（Alt + F)，视觉稿做为页面的背景，然后可以适当调整透明度（使用Alt + 上/下键）
4.使用测试工具对页面进行测绘，然后将样式通过F12写入文件中去
5.使用取色工具，取视觉稿颜色
6.完成开发
测试工具的使用
测试工具可以测量每个div的像素宽高、距离等
使用快捷键Alt + D进行测量模式
不透明度调节工具的使用
不透明度调节主要调节视觉稿与body的不透明度，达到一个合适的不透明度，更易于开发
在视觉稿固定前，视觉图片处于body之上，这时调节的是视觉图片的不透明度，固定之后，文档处于视觉图片之上，这时调节的是body的不透明度。
取色工具
取色工具用于取视觉图片上的颜色
点击取色工具(Alt + X)按钮进入取色模式, 在视觉稿要取色的位置上点击进行取色，然后在右下角面板中的颜色值复制即可
CSS助手
css助手用于快速查看应用于元素上的样式
点击css助手按钮(Alt + C)进入CSS助手模式，鼠标在元素上停留即可看到应用于元素上的样式规则
- 易我手机数据传输专业版
- 光速Word文档批量提取页数及字数
- 快递100收件端
- 可可练功房
- PDF文档拆分合并工具
- 京立方业务通
- Picture Slideshow Maker 4dots
- 复古表盘时钟
- 蓝狐全面SEO管理工具
- 小贺音乐播放器
- 简码视频加密解密播放工具
- AH企业办公管理系统
- VSFileEncrypt
- 自动密码文件加密工具
- 特工移动硬盘加密软件
- 本地连接图标丢失修复工具
- 佳佳大疆MOV视频恢复
- Moo0磁盘清理器
- 快克工具包
- 中医食疗本草软件
- 嘤音变声器
- 第一电动
- 红袖读书
- 学魁榜
- 毛豆新车
- 帽子先生大冒险 for Android V1.15 安卓手机版
- 战神4一周目赫尔海姆归来存档 免费版
- 战神4进度99%完成存档(除女武神外全要素集齐) 免费版
- 展开地毯app for android v1.0.4 安卓版
- 砍树模拟器 for Android v1.7.2 安卓手机版
- 解压玩具组合app for android v1.2 安卓版
- 枫叶狩猎手游(冒险手游) v1.8 安卓版
- 躲避狙击手app for android v1.1 安卓版
- 海上漂流战 for Android v2.2 安卓手机版
- 答了么 for android v3.4.4 安卓手机版
- “新相声”刍论
- 将错就错
- 儿童国际象棋阶梯教室（入门篇）
- 数控加工工艺与编程
- 数字政府与数字治理的中国经验 徐晓林自选集
- 阳明先生书信集
- 诗词家余元钱
- 觉醒年代中的“旧戏痴”：张厚载传
- 宝安口述史：深圳经济特区建立前
- 最受青少年喜爱的天文百科
- 最美的安排
- 绝对达令
- 犬夜叉
- 大侠霍元甲
- 麦香
- 站在你的角度看我
- N世代之青春降临
- 陪你到世界之巅
- 凤弈
- 亲爱的婚姻