让firefox 自带的AI聊天添加deepseek

暁美ほむら

现在firefox 设置当中firefox 实验室当中启用AI聊天

然后地址栏输入about:config，进入后搜索browser.ml.chat.provider,然后改成https://chat.deepseek.com/


输入browser.ml.chat.shortcuts ,设置为false


打开侧边栏选择AI聊天机器人你就能使用了

你也可以用这种方法添加任何你想要的

暁美ほむら

自动隐藏侧边栏css，一些参数根据自己需求修改

1. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
   
2. See the above repository for updates as well as full license text. */
   
3. 
   
4. /* Show sidebar only when the cursor is over it  */
   
5. /* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
   
6. 
   
7. #sidebar-box{
   
8.   --uc-sidebar-width: 40px;    /* 边缘多少像素触发  */
   
9.   --uc-sidebar-hover-width: 210px;   /* 显示界面宽度  */
   
10.   --uc-autohide-sidebar-delay: 600ms; /* 延迟多少毫秒自动隐藏 */
    
11.   --uc-autohide-transition-duration: 115ms;
    
12.   --uc-autohide-transition-type: linear;
    
13.   --browser-area-z-index-sidebar: 3;
    
14.   position: relative;
    
15.   min-width: var(--uc-sidebar-width) !important;
    
16.   width: var(--uc-sidebar-width) !important;
    
17.   max-width: var(--uc-sidebar-width) !important;
    
18.   z-index: var(--browser-area-z-index-sidebar,3);
    
19. }
    
20. #sidebar-box[positionend]{ direction: rtl }
    
21. #sidebar-box[positionend] > *{ direction: ltr }
    
22. 
    
23. #sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
    
24. #sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
    
25. 
    
26. #main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
    
27. 
    
28. #sidebar-splitter{ display: none }
    
29. 
    
30. #sidebar-header{
    
31.   overflow: hidden;
    
32.   color: var(--chrome-color, inherit) !important;
    
33.   padding-inline: 0 !important;
    
34. }
    
35. 
    
36. #sidebar-header::before,
    
37. #sidebar-header::after{
    
38.   content: "";
    
39.   display: flex;
    
40.   padding-left: 8px;
    
41. }
    
42. 
    
43. #sidebar-header,
    
44. #sidebar{
    
45.   transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
    
46.   min-width: var(--uc-sidebar-width) !important;
    
47.   will-change: min-width;
    
48. }
    
49. #sidebar-box:hover > #sidebar-header,
    
50. #sidebar-box:hover > #sidebar{
    
51.   min-width: var(--uc-sidebar-hover-width) !important;
    
52.   transition-delay: 0ms !important;
    
53. }
    
54. 
    
55. .sidebar-panel{
    
56.   background-color: transparent !important;
    
57.   color: var(--newtab-text-primary-color) !important;
    
58. }
    
59. 
    
60. .sidebar-panel #search-box{
    
61.   -moz-appearance: none !important;
    
62.   background-color: rgba(249,249,250,0.1) !important;
    
63.   color: inherit !important;
    
64. }
    
65. 
    
66. /* Add sidebar divider and give it background */
    
67. 
    
68. #sidebar,
    
69. #sidebar-header{
    
70.   background-color: inherit !important;
    
71.   border-inline: 1px solid rgb(80,80,80);
    
72.   border-inline-width: 0px 1px;
    
73. }
    
74. 
    
75. #sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
    
76. #sidebar-box[positionend] > *{
    
77.   border-inline-width: 1px 0px;
    
78. }
    
79. 
    
80. /* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
    
81. 
    
82. #sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
    
83.   inset-inline: auto 0px !important;
    
84. }
    
85. #sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
    
86.   margin-inline: 0px !important;
    
87.   border-left-style: solid !important;
    
88. }
    

复制代码

passgan

这个跟直接在侧边栏显示网页有啥区别

[皆神孝介]

这个会不会和树状标签页冲突？

暁美ほむら

[皆神孝介] 发表于 2025-2-9 17:24
这个会不会和树状标签页冲突？

并不会......

暁美ほむら

passgan 发表于 2025-2-9 17:17
这个跟直接在侧边栏显示网页有啥区别

区别是这个可以一直常驻，侧边栏要每次重新打开一遍才行

而且你可以两者一起使用

passgan

暁美ほむら 发表于 2025-2-9 17:27
区别是这个可以一直常驻，侧边栏要每次重新打开一遍才行

而且你可以两者一起使用

floorp暂时好像还不支持，等更新看看（）

蜇灵

有没有类似于zen浏览器那样的垂直标签页自动隐藏脚本？

EP2

呃，我咋没有AI聊天

faithlifer

看错编辑

暁美ほむら

EP2 发表于 2025-2-10 09:47
呃，我咋没有AI聊天

请更新版本，如果没有看下about:config是否有这个参数browser.ml.chat.enabled

设置为true就行

暁美ほむら

蜇灵 发表于 2025-2-10 08:28
有没有类似于zen浏览器那样的垂直标签页自动隐藏脚本？

不就是自动隐藏侧边栏脚本，比如我上面发的就是。

如果不行那去这里面找

https://github.com/zen-browser/theme-store/tree/main/themes


或者这里找一个自己喜欢的

https://firefoxcss-store.github.io/


其它补充：

https://github.com/MrOtherGuy/firefox-csshacks

EP2

暁美ほむら 发表于 2025-2-10 15:02
请更新版本，如果没有看下about:config是否有这个参数browser.ml.chat.enabled

设置为true就行 ...

搞定了，虽然并没有什么用处

herostratus

browser.ml.chat.shortcuts这个是干啥的？

暁美ほむら

herostratus 发表于 2025-2-10 16:49
browser.ml.chat.shortcuts这个是干啥的？

选中文本时显示快捷提示词按钮。Firefox 会向聊天机器人发送选中的文本、页面标题和提示词。

=========================

这个功能只能自带的那几个可以使用，自定义的这个无法使用

herostratus

暁美ほむら 发表于 2025-2-10 17:14
选中文本时显示快捷提示词按钮。Firefox 会向聊天机器人发送选中的文本、页面标题和提示词。

======== ...

就是选中文字之后显示摘要总结 解释说明 出题检测的那个吗？

蜇灵

暁美ほむら 发表于 2025-2-10 15:06
不就是自动隐藏侧边栏脚本，比如我上面发的就是。

如果不行那去这里面找

你这个隐藏的不是垂直标签页那一栏，隐藏的是工具栏
在你给的最后一个网址里找到了，要用autohide_tabstoolbar_v2.css才行

masakaha

chrome有好用的deepseek插件吗