一、什么是移动网页开发者工具
1、移动网页开发者工具是一种特殊的网络浏览器，可以在手机上，平板电脑上，甚至笔记本电脑上，以及其他设备上运行，可以用来调试移动端网页相关交互、动画、布局等。它是手机网页开发者必备的工具，能够促进移动网页研发工作的高效。
二、移动网页开发者工具的主要功能
1、模拟多种设备环境：可以模拟手动输入useragent，让用户在不同的终端和浏览器中观察网页的效果；
2、兼容性测试：模拟不同视网膜密度屏幕，测试不同分辨率下的兼容性；
3、Cookie测试：帮助开发者提前在开发环境中测试Cookie相关事件，以便及时修正网页不兼容的问题；
4、HTML、CSS、JS调试：支持HTML、CSS、JS代码的实时调试，以针对不同的浏览器做出兼容性的更新，及时的修复错误；
5、性能测试和优化：收集各种性能指标，如加载时间、内存使用、JS/CSS压缩等，提供优化建议，帮助开发者有效的优化页面的性能；
6、真机测试：提供一种移动实验室，帮助用户在真机上进行实时测试，检测不同设备上的兼容性；
7、版本回退：可以回滚历史版本，例如BUG发现导致之前发布的版本不能正常使用，可以回滚到先前的版本，帮助用户节省时间；
8、重置DeviceID：开发者可以在连接真机测试时，通过重置DeviceID重新获取新的设备id，以便测试情况系统分析；
9、分析过程及API日志：可以收集网页操作的流程日志，将收集的API、接口的响应数据详细记录下来，便于调试以及异常处理；
10、捕获HTTP响应：帮助开发者捕获http请求，通过捕获http响应的方法，可以更快的查看上线的交互和样式是否正常。
三、移动网页开发者工具的应用
1、便捷的移动设备调试：移动网页开发者工具可以让研发者即时地感知并解决移动端的问题，比如浏览器兼容问题、网页动画等；
2、防止代码bug产生：可以使用移动网页开发者工具，实现前端技术的调试，从而防止前端技术出现bug；
3、激发开发者创造力：移动网页开发者工具可以提供开发者实时的开发环境，以便调试移动端新功能，极大提升了前端开发者的创造力；
4、帮助网站优化：使用移动网页开发者工具，可以进行网站性能优化，收集各种性能指标，从而优化用户体验；
5、方便开发测试：移动网页开发者工具可以方便地实现网页的功能测试，提升开发和测试的效率，及时修复问题；
一、手机的网页开发者工具
手机的网页开发者工具是指通过在手机上进行网页开发的一种工具。它们主要是为了简化网页开发中的一些操作，及将手机设备上的网页效果调试编写。手机的网页开发者工具使用者可以像开发桌面网站一样来进行开发,同时也能支持Web组件开发，可以用它对移动端的网页进行开发管理，比如Ajax、HTML、CSS、JavaScript等等以及创建、调试移动设备上的网页应用程序。
1．Adobe Edge Inspect
Adobe Edge Inspect 是 Adobe 公司推出的一款移动端开发者工具，主要用来解决针对多设备网站开发及调试的问题，可以使用它来进行测试、调试多分辨率页面，在测试中可以使用多终端设备，同时能够与 Mac 以及 PC 进行连接，能够更方便的调试多设备。
2．Sencha Touch
Sencha Touch 是一款专门针对移动端设备的网站开发工具，在使用上大量的采用CSS3进行调试，支持HTML和Javascript，通过 Sencha Touch 可以快速地将应用程序移植到平台中，并且支持定制化，可以在自己网页中加入同类功能，而无需重新开发。
3．PhoneGap
PhoneGap 是一个免费的开源库，可以用来跨多种设备进行网页网站的开发，支持 JavaScript、CSS、HTML，它可以直接在 iOS、Android、Windows Phone 和其他设备上使用，使得开发应用程序变得更简单，并能够迅速地在多种手机设备中发布和运行网页应用。
4．jqTouch
jqTouch 是一个针对触摸设备的Javascript类库，可以用它来开发出在 iOS、Android 和 WebOS 等流行的触摸设备中运行的网页应用程序和移动端网站，它使用简单，易于使用，可以开发垂直和水平滑动界面，并且可在网页上创建拥有 iOS 风格的视图（view）。
5．Firebug Lite
Firebug Lite 是一款支持多种移动端浏览器的开发者工具，它不仅支持各种普通浏览器，也可以用来开发移动端的网页， Firebug Lite 可以让开发者在手机上实时调试修改 HTML、CSS 代码，可以通过查看网络请求和 JavaScript 窗口里的错误消息，找出各种在移动端中存在的问题。
6．Mobile Opera Dragonfly
Opera Dragonfly 是一款由 Opera 浏览器推出的免费的移动端开发者工具，使用它可以调试和查看移动端网页，支持 HTML、CSS 和 JavaScript 等功能，在 Mobile Opera Dragonfly 的网络面板中，可以查看设备请求详细信息和调试 JavaScript，使用者可以通过这些功能来定位和修复响应速度较慢、页面数据不全等移动端问题。
7．iOS Web Kit
iOS Web Kit 是 Apple 最新推出的一款网页开发者工具，可以帮助开发者进行调试和开发 iOS 平台上的网页应用程序，以 HTML、CSS 和 JavaScript 为基础，不仅可以让使用者在 iOS 8 以及 iOS 9 中调试网页，也帮助开发者能够实现移动端应用开发。
8．Sleipnir Mobile
