原创 移动Web网页开发十大工具盘点

随着前端与移动开发日新月异的发展，催生了形形色色的移动Web网页开发工具。有了它们的辅助，移动应用程序的构建过程也被极大地简化了，不可谓不是前端移动开发人员的得力助手。下面小编为大家整理了移动Web网页开发常用的十个工具。

1、 Blisk

Blisk在DevTools上进行扩展，大家可以收取许多设备配置文件以帮助自己进行移动开发。它们提供了近30种设备配置文件，大家可以在Blisk浏览器中使用它们。但是Blisk提供的不仅仅是配置文件，还提供了：并排查看，滚动同步，自动刷新，截图，屏幕录像机等功能。此浏览器中的工具数量是移动Web网页开发人员在编写响应式Web应用程序时所需要的。

2、ECMAScript兼容性表

当使用JavaScript / ES5 / ES6时，大家无法知道是否支持箭头语法或所有浏览器都支持RegExp“y”和“u”标志。但是有了有这个网站的书签，就可以以协助PWA。无论当前使用何种浏览器，第一列都会告诉大家支持的内容，可以使用和不可以使用的内容，并将其与列表中的其他浏览器进行比较。对于使用响应式移动网站的JavaScript重度开发人员而言，这是一个很好的参考。

3、Bootsnipp

Bootsnipp是一个包含Bootstrap片段的站点，可以在大家的Bootstrap构建的移动网站中获取和使用。它提供了许多不同的类别来翻找，一旦找到大家喜欢的设计，就可以检查HTML，CSS和/或JavaScript，并学习如何在大家自己的网站上实现它。还有其他类似于Bootsnipp的网站，但它们似乎拥有最多的Bootstrap代码段。

4、Lighthouse

Google创建了一个开源自动化工具来提高网页质量。如果大家使用的是谷歌浏览器，则已安装该工具。导航到要评估的页面，按F12，然后单击“审核”选项卡以开始使用。如果大家没有谷歌浏览器则可以从命令行或节点模块运行它。该网站介绍了如何执行这些选项。运行灯塔几分钟后，大家会收到一份针对您网站的自定义报告。检查结果并开始采取行动，从谷歌获得100分的高分。

5、Viewport Resizer

单击并将书签拖动到书签工具栏。访问要测试的站点，然后单击书签。Viewport Resizer在顶部显示一个栏，大家可以单击该设备以查看该站点是否响应。不得不说，这是一个很棒的工具。

6、The-M-Project

The-M-Project提供了一套可以编译成jQuery Mobile对象的Widget，它处于许多设计细节问题，如将某个图标放在正确的位置，以便你可以将注意力放在大局观上。

7、jQTouch

jQTouch是移动Web应用程序最伟大的框架之一，它的创造者，David Kaneda已经离开项目，现在为Sencha工作，但Jonathan Stark接过了大旗，继续对代码做值得做的调整。jQTouch应用程序是在DIV中插入HTML生成的，jQTouch解析这些DIV，寻找合适的类，然后插入它自己的代码处理事件。

8、Mobl

创建可在WebKit浏览器中运行的移动应用程序框架，不使用HTML、JavaScript和CSS转换你的代码。

9、Onbile

这是另一种简单的移动网站开发工具，将让大家的移动和运行在任何的移动版本。随着一个自定义生成的脚本，大家可以将其粘贴在自己的网站的主页，它有一个用户友好的和敏感的接口，这将使任何移动用户被重定向到移动版本的网站。

10、Mobify

mobify 10 Tools for Mobile Website Development 这个工具有一个非常简单的使用，这使得它稳居榜首。即使所知甚少的HTML的用户可以操作和使用的用户界面友好，他们的网站中创建一个移动版本。Mobify的移动商务平台有一个免费版本，可以做最高级版的调整，包括选择自定义域。

以上就是移动Web网页开发的十个工具盘点。这些开发工具都是经过了时间的检验，被开发人员一致推荐的，希望可以帮助到大家。