手机版web开发工具（请问web开发工具都有哪些）

本文目录

• 请问web开发工具都有哪些
• 微信Web开发工具有哪些
• 微信web开发者工具怎么用 微信web开发者工具使用方法
• 开发移动web应用什么调试工具比较方便

请问web开发工具都有哪些

1.Web应用框架

这些软件是专门设计来帮助网站开发，并使创建网站的Web开发的过程变得更容易。该软件完全支持Web服务，Web资源和Web

API。这些框架会自动执行与Web开发中的常见活动相关联的一些进程，从而使Web开发人员的工作变得更加容易。可用的Web开发框架包括ASP.NET，JavaEE，WebObjects，web2py，OpenACS等。

2.协作工具

对于远程工作的团队，需要时刻保持联系和协作。为了提高开发效率，帮助开发者在同一个项目上工作的流程简化开发流程，以实现团队的设定目标，市场上出现了很多协作工具，如Slack，Trello，Asana，Jira等。

3.本地开发环境

一个快速的本地开发环境，可以推出取决于操作系统或您正在使用的计算机。有各种各样的免费软件，软件Apache，MySQL和其他打包在一起。这是在本地计算机上最快的一种测试方式，为了方便使用，有些程序还出了便携式版本。本地开发环境包括MAMP，LARAGAN，XAMPP和Vagrant等。

4.前端框架

前端框架基本上是一些文件和文件夹，如HTML，CSS和JavaScript等。前端框架通常包含有有准备好的组件，大多数组件都是可以进行修改和调整的，开发人员可以根据自己的开发需求来选择使用，目前最常见的前端框架是Bootstrap。

5.图标

图标对于Web开发人员，尤其是前端开发人员非常重要，它们是Web开发的重要组成部分。上图中的图标都可以应用于你的项目，且这其中大部分是免费的。

6.网站速度测试工具

网站速度是决定一个网站是否成功的重要因素。现在的用户越来越挑剔，大家往往更倾向于加载速度快的网站，对于加载速度慢的网站，大家几乎是零容忍。另外，SEO做得好的话，可能会带来更高的转化率和更好的用户体验。Web开发人员可以使用工具来测试他们的网站速度，以确保他们的网站能够拥有较短的加载时间。

7.文本对比检查

Diffcheckers可以帮助您比较文件之间的差异，然后合并更改，帮助我们更直观的看见文本之间的差异。

8.数据库

数据库基本上是已经存储信息的集合，可以进行信息的检索，管理甚至更新。Web开发人员常用的数据库有MySQL，MariaDB，MongoDB，Redis等。

9.Web开发通讯

为什么选择通讯订阅，因为开发人员可以利用这些工具节省时间和精，通过这些工具选择最佳的Web开发和性能主题，而不必自己动手。

10.任务批处理工具/包管理器

任务批处理工具有助于自动化工作流程。例如，你创建了一个任务，可以通过JavaScript编写的工具来自动化工作流程。除此之外，还可以新建和组合任务，使用任务管理器缩短开发时间，加快开发速率。

另一方面，包管理器也是很重要的，它可以跟踪所有软件，确保这些软件都更新至最新版本，拥有最强的功能。这些工具包括：Grunt，Gulp，npm等。

11.文本和代码器

文本和代码器不仅能够为开发者带来良好的代码体验，而且能够大大节约网站开发的时间。比较常用的器有Atom，Notepad++，Vim等。之前，笔者也发过程序员票选最佳的代码器，感兴趣的朋友可以戳进去看一下。

12.灵感

对于很多工种来说，灵感都是极为重要的，但是灵感是可遇不可求的，所以一旦有了灵感就必须及时记录下来。除了我们自己的灵感迸现，我们也可以从别人的作品中提炼出新的灵感。常见的记录灵感的工具有CodePen

和Dribble。

13.编程语言

每个Web开发工具都有一种编程语言。编程语言被设计为开发人员或程序员和计算机之间的桥梁，并帮助程序员创建我们每天使用的程序。比较流行的编程语言包括PHP，NodeJS，Python，Ruby等。

14.代码共享/实验工具

基本上编程这个工作是一个团队合作，团队之间要保持亲密无间的协作关系，互相检查对方的代码有助于更有效的进行程序编写。代码共享是现在程序员都在使用的一种方式，常见的有Slack。

15.Git托管

Git是一款免费、开源的分布式版本控制系统，可以高效的管理大小项目的各个版本，可以帮助开发团队避免混乱。

微信Web开发工具有哪些

微信Web开发工具有很多，包括比如说Liveweave、JS Bin、Codepen、Dabblet等等。但是，Web开发人员没必要全部精通，找到适合自己使用的就可以了，然后学到真正的开发技术，成为互联网大型企业都在高薪招聘的web开发人才。
第一种微信Web开发工具——Liveweave
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
第二种微信Web开发工具——JS Bin
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。
第三种微信Web开发工具——Codepen
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有CoffeeScript和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。
第四种微信Web开发工具——Dabblet
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS器和效果，HTML器和效果，CSS和HTML的器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
第五种微信Web开发工具——JSFiddle
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
第六种微信Web开发工具—— CSSDeck C
SSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。

微信web开发者工具怎么用 微信web开发者工具使用方法

微信web开发者工具使用教程：

1、首先用户需要做的就是先下载安装，并启工具。

即刻下载使用==》微信web开发者工具下载

2、调试微信网页授权，具体操作步骤为：

1）开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”。
2）为了保证开发者身份信息的安全，对于希望调试的公众号，我们要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。
3）开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面如下图所示：
4）完成登录和绑定后，开发者就可以开始调试微信网页授权了，注意只能调试自己绑定过的公众号：

非静默授权的 URL：点击查看

在微信 web 开发者工具中上面的 URL，webview 模拟器显示效果如图：
点击“确认登录”即可带着用户信息跳转到第三方页面，很方便的进行后续的开发和调试。

静默授权的 URL：点击查看

在微信 web 开发者工具中打开该 URL 则会自动跳转到第三方页面。

***隐藏网址***

3、模拟JSSDK权限校验

通过 web 开发者工具，可以模拟 JSSDK 在微信客户端中的请求，并直观地看到鉴权结果和 log。以微信 JSSDK DEMO 页面为例：

***隐藏网址***

在调试器中打开该 URL，可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。 如下是校验通过的页面：
如下是校验未通过的页面：
在“权限列表” Tab 中，可以查询到当前页面拥有权限的 JS-SDK 列表：
4、移动调试

移动调试功能是基于 weinre 的，并且做了一些改进，相比直接使用 weinre 有两个优点：

1）无须手工在页面中加入 weinre 调试脚本
***隐藏网址***
***隐藏网址***

5、Chrome DevTools

微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致，可以快速上手。
以上内容就是微信web开发者工具的一些基本使用方法，毕竟是一款适合开发人员使用的“高大上”软件，对于小编这种“文盲”来说是根本不知道软件的具体使用方法的，这个还需要开发者自行摸索，相信它一定能够成为开发者开发必备的利器。

开发移动web应用什么调试工具比较方便

日常开发中，用Chrome模拟UA、屏幕尺寸和触摸特性，完成第一阶段的开发和调试。第二阶段：iOS的话，iPhoen数据线链接Mac，打开Safari就可以直接使用Mac的Safari调试工具了。Android的话，Chrome也有提供对应的调试工具。国产浏览器中，UC在Android提供了开发者版本，局域网下直接访问机器的IP+9998端口即可进入调试环境。但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。面对这类没有调试工具的浏览器，weinre也是一个可行的解决方案。如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对JavaScript代码进行跟踪和定位。其中大致的实现原理，是通过对window.onerror进行一个全局的异常监听，把捕获到的异常发送到指定的接口。