【工具】让开发更高效-Firefox Developer Edition
来源:互联网 发布:单片机应用系统实例 编辑:程序博客网 时间:2024/04/29 03:31
引言
工欲善其事,必先利其器。对于开发者来讲,好的开发工具无异于如虎添翼,能够提高工作效率。
在进行Web开发时,离不开一款强大的浏览器来进行调试与检测,今天为大家分享mozilla基金会旗下的定制版Firefox浏览器。
Download
- Firefox Developer Edition
如何使用
查看器
页面查看器可以来查看和修改页面的HTML和CSS,会有即时的效果显示,方便网页内容和样式的调整。
包含了三个主要的组件:
- “选择元素”按钮
- HTML面板
- CSS面板
调试器
少不了的js调试器,像是在VS中调试C#一样,在JavaScirpt Debugger同样可以调试js,添加断点、单步调试像VS一样简单。
可以分为四大区域:
- 工具栏
- 源码列表面板
- 调用堆栈面板
- 源码面板
监视器
网络监视器显示所有发送的网络要求,每个请求耗费的时间,和每个请求的详细信息。
编辑器
可以使用样式编辑器可以查看和编辑所有页面相关的CSS文件。
Last
本文只是简单介绍,目的是分享给大家,想要解锁更多内容,请移步官方网站。
1 0
- 【工具】让开发更高效-Firefox Developer Edition
- 五大Linux工具 让开发更简单
- kotlin让开发更简洁
- ClipDrawable让开发更简单
- SwitchHosts高效切换host -- 让开发,测试,线上环境切换更容易
- Android Studio常用功能配置,让开发更高效(一)
- Curl语言优势,让开发更简单
- ClipDrawable让开发变得更简单
- AngularJS组件化--让开发更简单
- iOS好用的分类工具 让开发更简单 WHKit
- Firefox Developer Edition 中文版本
- 让开发更方便,让搜索更效率!
- 修改eclipse默认字体字号,让开发更舒服
- 加速你的安卓模拟器,让开发更迅速
- 好用的开源项目,让开发更简单
- 谷歌推Android Studio 让开发应用更简单
- 2016年让开发工作变得更简单的小事
- IOS App常用界面结构解析,让开发更简单
- javaScript(二)_特点,变量声明,字符串转数字
- Android自定义View之View的绘制流程
- WKNavigationDelegate
- 移植fastboot到2440
- git入门学习之仓库初始化、创建和添加文件
- 【工具】让开发更高效-Firefox Developer Edition
- 8.2.1 找到所有的键盘设备
- String.intern()方法与常量池存入时的疑惑!
- yii跳转提示信息怎么显示
- 恢复目录浅析
- 给定两个日期,判断两个日期间的天数(判断人的天数年龄)
- C++ STL–stack/queue
- Should VBO be unbound before calling glDeleteBuffers?
- SDNU 1126 Integer Inquiry