复杂的html5可以在Mac上下载专门的web工具，下载相应的软件进行html5开发，如VSCode以.html结尾的文件可以使用文本编辑打开，也可以使用Mac自带浏览器直接打开
WeFlow - 一个基于 tmt-workflow 前端工作流的开发工具。
Koala - 预处理器语言图形编译工具，支持 Less、Sass、CoffeeScript、Compass framework 的即时编译。
CodeKit - 自动编译 Less、Sass、Stylus、CoffeeScript、Jade &Haml等文件。
PaintCode - 将设计转换成 Objective-C, Swift 或 C# 代码。
Hosts.prefpane - 编辑 hosts 文件的工具。
iHosts - 唯一上架 Mac App Store 的 /etc/hosts 编辑神器。
Integrity - 轻松找到无效链接。
SwitchHosts - 一个管理、切换多个 hosts 方案的工具。
Gas Mask - 编辑 hosts 文件的工具，更简单方便。
DiffMerge - 可视化的文件比较（也可进行目录比较）与合并工具。
Gemini - 智能的重复文件查找器。
Hex Fiend - 快速而聪明的开源十六进制编辑器。
BetterRename - 一款强大的批量重命名工具，可以通过搜索功能改名。
PPRows - 计算你写了多少行代码。
SCM Breeze - 用于增强与git交互的shell脚本集(用于bash和zsh)。
Beyond Compare - 对比两个文件夹或者文件，并将差异以颜色标示。
Cacher - 基于云的团队代码片段管理器，具有Gist同步，VSCode/Atom/Sublime软件包和Mac/Windows/Linux/Web客户端。
Kaleidoscope - 一款很强大的文本文件和图像比较工具，同时和 git、svn 等版本控制工具能够完美的结合。
Fanvas - 把 swf 转为 HTML5 canvas 动画的系统。
EnvPane - 图形终端查看环境变量的应用工具。
Dash - 强大到你无法想象的 API 离线文档软件。
SnippetsLab - 管理和组织你的代码片段。
StarUML - 强大的软件建模软件。
Vagrant Manager - 管理你本地服务。
FinderGo Finder 中快速打开终端，定位到目录
Localname - 提供对本地开发服务器的访问权限。
zeplin - 前端与设计协同工作专用工具。
Go2Shell - 从 Finder 打开命令行。
SecureCRT - 一款支持 SSH、Telnet 等多种协议的终端仿真程序。
MJML - 简化设计回应电子邮件的方式。
TeXstudio - 集成创建 LaTeX 文档的写作环境。
Vagrant - 用来构建虚拟开发环境的工具。
LaunchRocket - 在 Mac 系统偏好设置中创建服务管理。
Swiftify - Xcode ＆ Finder 扩展 Objective-C 转 Swift 代码转换器
Woodpecker - 在Mac上查看、编辑iOS App的沙盒文件, UserDefaults, Keychain项
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。
2、链接电脑（Mac）
2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：
2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：
3.调试网页
此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：
