火狐开发者版这玩意儿，真不是给小白装逼用的，它是给那些在代码里摸爬滚打、对着屏幕抓狂的极客准备的“外挂”。普通浏览器看网页是消费内容，而用这个版本，你是在解剖网页。界面窄得让人心疼，但工具栏却宽得像个大仓库，鼠标一悬停，CSS 规则为啥失效、怎么修，它直接给你亮红灯提示，这哪是浏览器，简直是随身带着的 CSS 纠错机。
最让我上头的是那个字体面板和形状路径编辑器。以前调样式得靠猜，现在点一下就能看清字重、来源，甚至不用写代码就能可视化微调 shape-outside，这种“所见即所得”的爽感，只有真正干过前端的人才能懂。F12 打开调试器那一刻，控制台就像是你大脑的延伸，console.log 随便丢，断点一设，单步执行看着函数一个个跑完，那种掌控代码逻辑的快感，比打游戏还解压。
很多人只把它当个浏览器用，其实它更像是一个轻量级的开发工作台。从合并 PDF 到增强型跟踪保护，再到本地网络访问限制，这些更新细节满满都是对隐私和效率的尊重。别被那些“试飞员”、“标签页飞行”的花哨功能迷了眼，核心还是那个强大的调试器和响应式设计模式。如果你还在为网页加载慢、样式对不齐而头秃，试试这个版本吧，它不会告诉你答案，但它会给你一把手术刀，让你亲手把问题拆解开，这才是开发者该有的样子。
火狐开发者版本新功能
1、新的工具
无效的 CSS
Firefox 开发者工具现在会将页面中无效的 CSS 声明显示为灰色。当您将鼠标悬停在信息图标上时，会看到该 CSS 规则未应用的原因，以及如何修正问题的提示。
2、Firefox 开发者工具
新款 Firefox 开发者工具具有强大、灵活、酷炫的工具。其中包括一流的 JavaScript 调试器，可以面向多种浏览器，且内置 React 和 Redux。
3、强大的 CSS 网格
Firefox 是目前唯一配备打造和设计 CSS 网格的工具的浏览器。这些工具可以让 CSS 网格可视化，显示关联区域的名称，预览网格变化，等等。
4、字体面板
Firefox 开发者工具中全新的字体面板，让开发者可以快速访问某元素使用的字体的所有信息。面板中也包含了字体来源、字重、样式等重要信息。
开发者工具使用技巧
1、首先，按F12，打开火狐浏览器的调试工具，下面就是调试工具栏
2、控制台
这个功能是非常重要的
1、一般调试的时候在代码中可以使用console.log(‘要输出的内容’)这条语句在控制台中查看输出，用于调试简单的错误。
2、控制台页面是与当前打开的页面处于同一个环境的，也就是说，当前页面的控制台只对当前页面有效，控制台可以看做是页面的js运行的一个延伸。而且，控制台可以输入输出，也可以更改页面的显示。
如图，改变了页面的显示，函数声明这个地方，可能会根据浏览器的版本不同而输出有所不同。
3、调试器
上图表示如何设置断点
4、这是页面刷新之后，左上角的四个图标。
第一个图标（F8），当你设置两个或两个以上的断点时，点击一下，直接运行到下一个断点。
第二图标（F10），当点击这个图标时，相当于一个函数一个函数的执行
第三个图标（F11），当点击这个图标时，相当于一步一步的执行。
上述三个图标，经常一起用，用的时候观察右侧栏显示。
点击添加监视表达式，将你需要监视的变量写进去，就可以了
启用默认主页教程介绍
1、打开火狐浏览器，可以看到默认打开的就是“火狐主页”页面，我们点击右上角的菜单按钮，在下方的菜单栏中选择“选项”。
2、进入选项相关页面后点击左侧导航中的“主页”一项。
3、进入主页设置页面后可以看到右侧“主页和新窗口”中显示目前设置的主页是火狐主页的网址。
4、我们将主页地址改成自己设置成主页的网址就可以了，修改完后重新打开火狐浏览器就会发现主页已经成功更改了。
软件特色
1、查看器
查看并优化代码，让版面上每个像素都显得完美。
2、控制台
追踪 CSS、JavaScript、安全以及网络问题。
3、调试器
强大的 JavaScript 调试器，完整支持您的开发框架。
4、网络
监视并找出拖慢或阻塞您网站的网络请求。
5、存储面板
添加、修改或移除缓存、Cookie、数据库、会话数据。
6、响应式设计模式
在浏览器中使用仿真的设备测试网站。
7、可视编辑
微调动画、对齐和填充。
8、性能
解决性能瓶颈、简化工作流程、优化任务方式。
9、样式编辑器
编辑和管理浏览器中的所有 CSS 样式表。
软件亮点
您最喜爱的附加组件和扩展
定制您的浏览器
设备之间同步
firefox 试飞员
让标签页飞一会
更好的书签
更强大的隐私浏览模式
屏蔽广告跟踪器
密码管理器
平衡的内存占用
浏览更快
更新日志
v151.0b10版本
新功能
现在可以通过应用程序菜单中的“更多工具”部分访问 about:translations 页面。
已为荷兰用户启用地址自动填充功能。
隐私浏览模式新增了一项隐私功能，允许用户立即清除当前隐私会话中的所有数据，而无需关闭整个浏览器。
标准增强型跟踪保护模式正在加强对指纹识别的防护，限制泄露关于您电脑的信息量，并增加跨网站跟踪您的难度。
本地网络访问限制现正逐步向所有用户推出。Firefox 要求网站在连接到您本地网络上的设备或您设备上的应用和服务之前，必须先获得许可。此前，此保护仅限于将增强型跟踪保护设置为“严格”的用户。
现在您可以直接在 Firefox 的 PDF 查看器中合并多个 PDF 文件。
修复
修正了在多显示器设置中，通过 JS API 报告的屏幕分辨率不正确的问题。
更改
Firefox 设置（about:preferences）中的搜索框现在更大，并且横跨整个设置列，方便用户在设置中进行搜索。
Windows 上的地理位置功能现在会尊重用户的 Windows 位置权限设置，而不再覆盖该设置，当用户授予页面位置权限时。如果需要，Firefox 会要求用户开启 Windows 权限。
安装在 Firefox 桌面版配置文件目录中的扩展和主题，在该配置文件目录被移动（或恢复）到其他位置或其他操作系统后，将能够成功恢复。
共有 0条评论