无边框地浏览网页](如何无边框地浏览网页？ - #31，来自 L_hiil)
WindowsTop任意窗口以画中画显示|30 天试用
- Dockit——超越画中画，有点强的窗口局部显示软件（脚本） - 发现频道 - 小众软件官方论坛 (appinn.net)
- 求一个显示部分窗口的工具 - 问题求助 - 小众软件官方论坛 (appinn.net)
quicklook空格预览|扩展
鼠标手势软件MousInc支持用alt+鼠标中键在窗口的任何位置移动窗口
yazii提供的无边框浏览器
快捷方式
创建快捷方式，路径是你的浏览器，我用的是chrome，后面加上（空格）–app=http://www.baidu.com/
网站可以写你想打开的，然后打开快捷方式会得到一个隐藏chrome工具栏的页面
chrome环境下的 openaspopup插件
使用快捷键 alt+r 就可以去掉地址栏和工具栏，仅保留标题栏。再按一次就可以还原。
虽然标题栏也占一部分空间，但是有它在可以快速调整位置，也符合一直以来的网页窗口最上方随便一拖就能拖动的使用习惯。
弹出窗口不显示地址栏设置
1、地址栏输入 ： about:config
2、搜索：disable_window_open_feature.location;false 设置为 false
3、重新打开就可以
AddressBarTogetherWithTitleBar[地址栏放到标题栏一起|复制以下内容到userChrome.css]
/*书签按钮*/
#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);
}
autohide_toolbox去除顶栏/需要顶栏按 F6|firefoxCSS
- 在 about:config 里将 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true
- about:profiles 打开根目录下的默认配置文件
复制autohide_toolbox.css的文本内容，粘贴到".\Profiles\chrome\userChrome.css"中
Waterfall*标题栏和地址栏合二为一的样式FirefoxCSS
-
In the ‘about:config’ page on your Firefox browser, set the following parameters to True :
toolkit.legacyUserProfileCustomizations.stylesheets
layers.acceleration.force-enabled
gfx.webrender.all
svg.context-properties.content.enabled -
复制项目下的 “userChrome.css” 到chrome下(如果不存在则新建一个)
.\RunningCheeseFirefox\Profiles\chrome
C:\Users[USERNAME]\AppData\Roaming\Mozilla\Firefox\Profiles######.default-release\chrome\
On Linux : $HOME/.mozilla/firefox/######.default-release/chrome/
On MacOS : Users/[USERNAME]/Library/Application Support/Firefox/Profiles/default-release/chrome
去除顶栏*:自动隐藏地址栏和书签栏
- 在 about:config 里将 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true
- 打开当前配置文件夹下创建 chrome 文件夹
about:profiles-打开根目录下的默认配置文件，创建目录 chrome - 在chrome中创建文件 userChrome.css，复制以下内容
/* hide navbar */
:root[sessionrestored]
#navigator-toolbox:not([inFullscreen="true"]):not(:focus-within):not(:hover) #nav-bar,
:root[sessionrestored]
#navigator-toolbox:not([inFullscreen="true"]):not(:focus-within):not(:hover) #PersonalToolbar {
height: 0 !important;
min-height: 0 !important;
opacity: 0 !important;
}
#navigator-toolbox:not([inFullscreen="true"]) {
--tab-min-height: 28px !important;
}
解锁主菜单按纽不能移动位置的js[复制以下内容到userChrome.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");
}
});
})();
网页预览|页内弹窗
Peek快速预览链接|mac+ios+win|arc浏览器自带功能
SmartPreview快速预览链接：在任何网页上按住Shift键并点击链接/使用窗口顶部的按钮进行复制链接、新标签页打开等操作/按Esc键或点击窗口外部区域关闭预览|智能窗口管理：居中模式/智能模式/自定义设置预览窗口的宽度和高度|多语言设置|跨浏览器兼容：使用WXT框架开发，支持多种主流浏览器|by xicheng|2025更新
Peek on Firefox*仿 Arc 浏览器的页内弹窗|效果：按住 Shift + 鼠标点击链接或用鼠标中键单击链接打开，鼠标中键单击页面非链接位置关闭标签页|by L_hiil
- Change New Maximized Window to Resizable自动重置新窗口的位置和大小
- Middle Click On Page Closes Tab鼠标中键为“新窗口中打开”和 “关闭标签页”
地址栏输入 about:config，有警告同意即可
设置 browser.tabs.opentabfor.middleclick 为 false
设置 middlemouse.openNewWindow 为 true - userchrome.css去除顶栏/需要顶栏按 F6|firefoxCSS
Peek Pop onClick点击预览|扩展|by L_hiil
Firefox https://addons.mozilla.org/zh-CN/firefox/addon/peek-pop-onclick
点击 → 弹窗预览，双击 → 触发正常单击，不预览，不影响除此之外的鼠标操作。
根据链接域名记录预览窗口的大小、位置（需要点击、滑动页面来触发保存）
Peek Pop拖拽预览预览方式：点击 + 修饰键（可选）/长按|支持更多链接|记住每个域名的窗口大小、位置|拖拽预览|打断预览：在拖拽释放时按住未选中的修饰键或松开设置的修饰键来打断/仅拖拽到空白地方才响应/为 Popup 类型窗口设置显示以下按钮：复制当前页面链接/返回当前页面到原窗口/增加对链接的黑名单|自动关闭预览：把下级弹窗同步关闭，不会再出现断层要手动关闭|收藏：Ctrl + 右击收藏链接/收藏列表通过点击工具栏图标或 Alt/MacCtrl + U 显示，方便稍后再看|划词搜索：选中文本时显示搜索条，搜索引擎可自定义|以图搜图：拖拽、悬停下的 Google 、百度、Bing 、Yandex 搜索新增以图搜图选项|链接提示：悬停在支持的链接上时，显示提示条扩展|by L_hiil
- Github：Release 0.0.36 · u-Sir/peek-pop · GitHub
- 火狐：Peek Pop – 下载 🦊 Firefox 扩展（zh-CN）
- Chrome：https://chromewebstore.google.com/detail/peek-pop/fjllepdpgikphekgbinhpdkalliiejdh?authuser=0&hl=zh-CN
- Edge：Peek Pop - Microsoft Edge Addons
PeekFocus远离tabs在当前页面弹窗预览链接内容：拖拽连接/快捷键+click等|围绕弹窗的增强的浏览体验：阅读模式/视频模式/全屏/缩放/收藏/在sidepanel打开该页面等|快捷操作小组件：快捷键打开/快速进入当前页或某个网址预览/关键词检索页|设置：自定义快捷键/弹窗开启和关闭方式/自定义搜索引擎/禁用PeekFocus网站列表等|扩展
之前用过一些浏览器Tab管理的插件，但都不是很满意，后来明白了：问题不是出在这些插件本身，而是Tab开得多了，本身就是个问题。
据我的浏览行为观察，其实大部分浏览操作没必要新开Tab，如果能在当前页就完成浏览行为，将大大减少Tab数量，自然也就没有“管理Tab”的需求了。
网页链接跳转
新标签页中打开链接自动跳转到新标签页
自动跳转所有url链接-外链|脚本
- 新标签页打开:在浏览器新建一个新标签页，在新标签页打开目标网址(手机端在屏幕下方有个阻止提示，点击允许就会跳转)
- 直接打开:自动打开需要跳转的目标链接外链，直达，省事。
- 询问用户确认:和新标签页打开类似，只不过在手机端网页提示一个弹窗(弹窗会显示要跳转的链接地址，这个链接地址可以复制)，点击允许就会自动跳转了。
ps.设置三种方式是因为有些链接包含嵌套链接，比如网址包含了另外一个视频地址，直接打开会连续跳转直接到视频地址，而中间那个网址需要浏览，通过1和3的方式可以在跳转过程中阻止达到浏览该网页目标的目的。
Open All Links*批量打开网页链接|脚本
- 按住ctrl和鼠标左键可以框选一个范围，松开鼠标后，这个范围内的所有链接都会被打开，注意浏览器可能会拦截弹出窗口，在地址栏右侧选择允许即可
- 点击菜单栏“打开链接”选项，出现一个输入框，将复制好的链接(以换行分割)粘贴进去回车即可打开所有链接