Firefox

扩展

Manifest v3

Build

如何打开一个新标签

    {
      "background": {
        "scripts": ["background.js"]
      },
      "browser_action": {
        "default_icon": "48.png"
      }
    }

从 Firefox 56 以后，扩展会自动获得自己 origin 的权限，所以不需要 tabs 权限。（src）

refer

I used

(not familar) https://github.com/onemen/TabMixPlus
automaticDark - Time-Based Theme Changer
Cookie AutoDelete
Decentraleyes
Display #Anchors
Gesturefy
Github Repo Size
Hoppscotch Browser Extension
Immersive Translate - 沉浸式翻译 - 双语对照网页翻译（GitHub 下载）
OneTab
Open in Chrome Browser
Plasma Integration
Print Friendly & PDF
Privacy Badger
Proxy SwitchyOmega
randomMDN（自行构建）
React Developer Tools
Refined GitHub
Right Links WE
RSSHub Radar
Saladict - Pop-up Dictionary and Page Translator
Shortkeys (Custom Keyboard Shortcuts)
Side View
Smart TOC
Stylus
Support context
Swift Selection Search
Tampermonkey
uBlock Origin
Video Speed Controller
Vue.js devtools
Wappalyzer - Technology profiler
Wayback Machine
Zoom Page WE
DuckDuckGo Privacy Essentials
Emoji
Extension Inspector
Take Webpage Screenshots Entirely - FireShot

配置

关闭 Reader View

在地址栏输入 about:config ，搜索 reader.parse-on-load.enabled ，将其值设为 false。

修改扩展是否开启的限制页面列表

https://u.sb/firefox-no-webextensions/

打开 about:config ，输入 extensions.webextensions.restrictedDomains，限制域名清单：

accounts-static.cdn.mozilla.net,accounts.firefox.com,addons.cdn.mozilla.net,addons.mozilla.org,api.accounts.firefox.com,content.cdn.mozilla.net,discovery.addons.mozilla.org,install.mozilla.org,oauth.accounts.firefox.com,profile.accounts.firefox.com,support.mozilla.org,sync.services.mozilla.com

需要添加，在后面加 ,example.com 即可。

VPN 配置出错

为 Firefox 的 Proxy SwitchyOmega 扩展加了 gfw list，结果导致 PR_END_OF_FILE_ERROR 错误。属于 VPN 配置问题。

Refers:

支持 Wayland

为 Firefox 添加环境变量： MOZ_ENABLE_WAYLAND=1 。

~/.config/environment.d/envvars.conf ：

MOZ_ENABLE_WAYLAND=1

about:config

http://kb.mozillazine.org/About:config_entries
https://github.com/arkenfox/user.js
允许本地安装未认证扩展文件 set xpinstall.signatures.required to false ref

Firefox v111.1.0 可以打开pdf链接而不是询问是否下载

Devtools

用户文档：https://developer.mozilla.org/en-US/docs/Web#developer_tools_documentation

工具站：https://www.canidev.tools/ https://devtoolstips.org/ https://css-tricks.com/tag/devtools/ https://umaar.com/dev-tips/

Some Cross-Browser DevTools Features You Might Not Know | CSS-Tricks - CSS-Tricks

搜索 DOM 树中的节点：Inspector 下的搜索框，然后 Scroll Into View 跳到对应节点（the node within the viewport）

从 console 访问节点：$0 选中的 DOM 节点；临时变量 Right click -> "Use in Console"

使用徽章可视化元素（Ffdocs）

给 DOM Node 截图；在响应式模式下截图

Chrome Tip：Inspect the top layer

Firefox Tip: Click label's for attribute, jump to id

像Edge一样侧边栏打开网站，让我能始终看到「现在」页，始终提醒我该做什么

参考资料

Make Firefox fast again

https://gist.github.com/RubenKelevra/fd66c2f856d703260ecdf0379c4f59db

Others

为了不让Firefox因为未来可能停止开发影响我的使用，想了解Firefox各部分的开发
想找到Firefox浏览器与Chrome相比的不足在哪里，掌握浏览器相关的渲染逻辑，处理逻辑