主流的web前端开发及调试工具

web前端开发工具

(开发工具众多,只举例常用的。)
1. Visual Studio Code:

  • 界面美观
  • 插件安全界面操作方便

2. Sublime text :是主流的开发编辑器,

  • 小巧轻便
  • 启动速度快(媲美记事本)
  • 丰富的可扩展插件
  • 内置语言的高亮
  • 内置语言的自动补全

3. Webstorm:是jetbrains公司旗下的一款javascript开发工具被誉为“最智能的javascript IDE”

  • 对目前主流的web前端框架进行了集成,安装方便
  • 代码补全
  • 框架丰富
  • 强大的集成
  • 代码的格式化

4. hbuilder: 适合移动端开发,对mui、html5+等做了相应的集成,可以对应用程序进行打包。

web前端调试工具

1.goole开发工具:谷歌浏览器啊按F12调出开发者工具
工具栏:在这里插入图片描述Element:用于查看和编辑当前页面的HTML和CSS元素。
在这里插入图片描述console标签页:用于显示脚本输出的调试信息,或运行的测试脚本等。常用指令:console.log() console.info() console.error() concole.warn()
sources标签页:用于查看和调试当前页面所加载的脚本的源文件(可以进行断点的设定和调试过程、代码格式化)
network标签页:用于查看http请求的详细过程,如请求头、响应头、响应及返回内容等。(可以查看加载资源的名称、加载资源的状态、加载资源类型)
application标签页:用于查看本地应用缓存数据信息(离线应用或本地存储应用时用)

2.firebug

3.IE tester主要用于IE不同版本的调试

4.在线的HTML\CSS代码格式化工具
5.json验证相关工具

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

midsummer_woo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值