firefox 进阶设置之 uc.js 脚本

共生运营网 2022-12-28 21:20 8792人围观脚本

平心而论， firefox 的网页翻开速度确切是比 chromium 焦点的阅读器要稍微慢一点，但在高速宽带比力提高的情况下，这个慢几近难以目测，几近可以疏忽。而 firefox 的强大之处在于超强的定制性，把它设备好以后，利用起来驾轻就熟，这才是 firefox 的魅力地点。

现在的阅读器，扩大的功用被厂商加了很多限制，致使功用受限，比如扩大不能在阅读器内部页面利用，而 firefox 便可以利用 uc.js 剧本来处理这个题目。一般来说，firefox 的 userChrome.css 用来自界说 UI 界面，userContent.css 用来自界说网页显现，而 uc.js 剧本就是万能的，是比扩大更万能的存在。

要开启 firefox 的 uc.js 剧本功用，需要先安装 uc.js 剧本治理器，github 上有很多的 uc.js 剧本治理器，这里以 xiaoxiaoflood 的 uc.js 剧本治理器为例。实在剧本治理器就只是几个文件，不必安装，下载复制到 firefox 文件夹便可以了。

第一步，firefox 地址栏输入："about:config"，回车，搜索框输入：”toolkit.legacyUserProfileCustomizations.stylesheets“，双击使其酿成 true。

第二步，下载这个紧缩包：https://github.com/xiaoxiaoflood/firefox-scripts/raw/master/fx-folder.zip，解压，把里面的 defaults 文件夹和 config.js 文件都放到 firefox 法式文件夹，法式文件夹通常为这个 C:\Program Files\Mozilla Firefox。

第三步，下载这个紧缩包：https://github.com/xiaoxiaoflood/firefox-scripts/raw/master/utils.zip，解压，然后点击 firefox 的三道杠主菜单--帮助--更多排障信息，蓝色阿谁地方有个“设置文件夹”，点击它右侧的“翻开文件夹”，翻开的这个地方就是 firefox 的设置文件夹，在这里新建一个文件夹并命名为“chrome”，把适才解压出来的 utils 文件夹放到 chrome 文件夹里面。

github 的毗连能够不太稳定，多试几次，是可以下载的，文件也不大，就十几K的巨细。为避免有篡改怀疑，这里不供给国内网盘转载。

uc.js 剧本治理器就安装好了，现在可以去下载自己喜好的剧本了，剧本文件称号一般以 uc.js 结尾，间接放到 chrome 文件夹即可，有的剧本需要在“更多排障信息”那边点击“断根启动缓存”才生效。

下面这几个地方有很多风趣的剧本，可以收藏起来：

https://github.com/xiaoxiaoflood/firefox-scripts/tree/master/chrome

https://github.com/alice0775/userChrome.js

https://github.com/Aris-t2/CustomJSforFx/tree/master/scripts

https://github.com/benzBrake/FirefoxCustomize

上面的 js 剧本有些比力老旧，看时候假如是很久之前的，就有能够已经生效，渐渐摸索吧。

这里分享一个解锁 firefox 主菜单按纽的 uc.js，阿谁按钮默许是不能移动位置的，利用下面这个 uc.js 便可以手动拖动到任何地方：

// ==UserScript==
// @name more
// @author firefox
// @include main
// @shutdown more
// @onlyonce
// ==/UserScript==

Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

(function(){
let widgetId = "movable-PanelUI-button";

let listener = {
onWidgetCreated: function(aWidgetId, aArea) {
if (aWidgetId != widgetId)
return;

if(listener.css !== undefined)
sss.unregisterSheet(listener.css, sss.AGENT_SHEET);

listener.css = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
#' + aWidgetId + '{\
list-style-image: url("chrome://browser/skin/menu.svg");\
}\
#PanelUI-button {\
display: none !important;\
}\
'), null, null);

sss.loadAndRegisterSheet(listener.css, sss.AGENT_SHEET);
}
}

CustomizableUI.addListener(listener);
CustomizableUI.createWidget({
id: widgetId,
type: "button",
defaultArea: CustomizableUI.AREA_NAVBAR,
label: "Main menu",
tooltiptext: "翻开利用法式菜单",
onCreated: function(node) {
let originalMenu = node.ownerDocument.defaultView.PanelUI;

// helper function to not repeat so much code
function setEvent(event) {
node.addEventListener(event, function(){
originalMenu.menuButton = node;
}, {"capture": true});
node.addEventListener(event, originalMenu);
}

setEvent("mousedown");
setEvent("keypress");
}
});
})();

配合下面这个 css 利用，把地址栏也放到题目栏一路，结果更佳，命名为 userChrome.css，留意巨细写，放到 chrome 文件夹：

/*书签按钮*/
#bookmarks-menu-button {
/*list-style-image: url("chrome://browser/skin/bookmark-hollow.svg")!important;*/
list-style-image: url("chrome://global/skin/icons/arrow-down.svg")!important;
}

.titlebar-button{ padding-inline: 13px !important; }

/***************隐藏右键常勤奋用图标*******************/
#context-navigation,
#context-sep-navigation
{display: none !important;}

/****************隐藏地址栏增加书签图标*******************/
#star-button-box{
margin-inline: calc((16px + var(--urlbar-icon-padding) * 2) / -2) !important;
opacity: 0;
pointer-events: none;
}

/* **************隐藏前进按钮Back button****************** */
#back-button { display: none !important }

/* Hide back button only when disabled */
/*#back-button[disabled="true"] { display: none !important }*/

/* **************隐藏进步按钮Forward button ******************/
#forward-button { display: none !important }

/* Hide forward button only when disabled */
/*#forward-button[disabled="true"] { display: none !important }*/

/* **************隐藏网站信息按钮Site information button *************/
#identity-box { display: none !important }

/* **************隐藏盾形按钮"Shield" icon ****************/
#tracking-protection-icon-container { display: none !important }

/***************地址文本框****************/
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
#searchbar:focus-within {
outline:none !important;
}

/*地址框高度*/
#urlbar, #searchbar {
-moz-window-dragging: no-drag !important;
padding-top: 0px !important;
margin-top: 1px !important;
min-height: 27px !important;
}

#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
width: 100% !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar-input-container {
height: var(--urlbar-height) !important;
width: 100% !important;
padding-block: unset !important;
padding-inline: unset !important;
transition: none !important;
}

/*字体巨细*/
#urlbar-input {
font-size: 0.9em !important;
}

/*******************标签栏地址栏同列*********************/
/*=============================================================================*
repository : https://github.com/lr-tech/OnelineProton/
*============================================================================*/

/*地址栏长度*/
:root {
--navbarWidth : 215px; /* Set width of navbar. Use px for a fixed width
or vw for a percentage of your window. */
--animationSpeed : 0.15s;
}

#TabsToolbar {
margin-left : var(--navbarWidth) !important;
}

#nav-bar {
margin-right: calc(100vw - var(--navbarWidth)) !important;
}

#urlbar-container {
min-width : 0px !important;
}

:root[uidensity="compact"] #nav-bar {
margin-top : -37px !important;
height : 37px !important;
}

/*地址栏高低位置*/
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
margin-top : -37px !important;
height : 37px !important;
}

:root[uidensity="touch"] #nav-bar {
margin-top : -49px !important;
height : 49px !important;
}

/* Simplifying interface */

#nav-bar {
background : none !important;
box-shadow : none !important;
}

.titlebar-spacer {
display : none !important;
}

#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
box-shadow : none !important;
background : none !important;
}

#urlbar-background {
border : none !important;
}

/**************缩小题目栏*******************/
:root {
/* Tabbar: reduce tab margin */
--tab-block-margin: 4px 3px !important;
}

/* Tab: Reduce height */
.tabbrowser-tab {
min-height: 24px !important;
}

/*题目栏高度*/
/* Tab: Ensure tab height doesn't augment when arrowscrollbox is visible */
#tabbrowser-arrowscrollbox {
--tab-min-height: 35px !important;
max-height: var(--tab-min-height);
}