跳至主要內容

浏览器技巧

SunSeekerX大约 10 分钟

浏览器技巧

关闭 chrome 自动跳转到 https

在开发和调试过程中，您可能需要关闭 Chrome 自动跳转到 HTTPS 的功能。以下是几种方法来实现这一点：

方法一：清除 HSTS 设置

Chrome 会缓存 HSTS（HTTP Strict Transport Security）设置，这可能导致它自动将 HTTP 请求重定向到 HTTPS。您可以通过以下步骤清除 HSTS 设置：

  1. 打开 Chrome 浏览器。
  2. 在地址栏中输入 chrome://net-internals/#hsts 并按下回车键。
  3. 在页面上找到 Delete domain security policies 部分。
  4. 在 Domain 字段中输入您要清除 HSTS 设置的域名，例如 example.com。
  5. 点击 Delete 按钮。

方法二：使用隐身模式

隐身模式不会使用现有的浏览数据，因此可以避免缓存的 HSTS 设置。您可以通过以下方式打开隐身模式：

  1. 点击 Chrome 右上角的三点菜单。
  2. 选择 New Incognito Window（新建隐身窗口）。
  3. 在隐身窗口中访问您需要测试的 HTTP 网址。

方法三：禁用 HSTS 域策略

您可以在 Chrome 设置中禁用特定域的 HSTS 策略：

  1. 打开 Chrome 浏览器。
  2. 在地址栏中输入 chrome://net-internals/#hsts 并按下回车键。
  3. 在页面上找到 Query domain 部分。
  4. 在 Domain 字段中输入您要查询的域名，例如 example.com 并点击 Query 按钮。
  5. 如果结果显示域名有 HSTS 设置，您可以在 Delete domain security policies 部分输入域名并点击 Delete 按钮。

方法四：禁用 HTTPS 强制

在 Chrome 中，您可以通过命令行参数来禁用 HTTPS 强制：

  1. 关闭所有 Chrome 窗口。

  2. 按以下步骤启动 Chrome：

    • Windows: 右键点击 Chrome 快捷方式，选择 属性。在 目标 字段的末尾添加 --disable-features=BlockInsecurePrivateNetworkRequests。

    • Mac: 打开终端，输入以下命令并按回车键：

      open -a "Google Chrome" --args --disable-features=BlockInsecurePrivateNetworkRequests

    • Linux: 打开终端，输入以下命令并按回车键：

      google-chrome --disable-features=BlockInsecurePrivateNetworkRequests

方法五：使用 localhost（开发环境）

如果您在本地开发环境中测试，可以使用 localhost 或 127.0.0.1，因为这些通常不会触发 HSTS 重定向。

地址栏显示完整的url 包括协议

在 Chrome 浏览器中，默认情况下地址栏可能不会显示完整的 URL（包括协议部分，如 http:// 或 https://），特别是当 URL 使用 HTTPS 协议时。要让地址栏显示完整的 URL，包括协议部分，您可以通过以下方法进行设置。

方法一：通过 Chrome 设置启用

  1. 打开 Chrome 浏览器。
  2. 在地址栏中输入 chrome://flags/ 并按下回车键。
  3. 在搜索栏中输入 Omnibox UI Hide Steady-State URL Scheme and Trivial Subdomains。
  4. 将该选项设置为 Disabled。
  5. 点击页面底部的 Relaunch 按钮以重启 Chrome。

方法二：使用右键菜单显示完整 URL

如果您不想更改浏览器设置，也可以通过地址栏的右键菜单临时显示完整的 URL：

  1. 在地址栏中右键点击 URL。
  2. 选择 Always show full URLs 选项。

方法三：使用命令行启动 Chrome

您也可以通过命令行参数启动 Chrome 以确保显示完整的 URL：

  1. Windows：

    • 右键点击 Chrome 快捷方式，选择 属性。

    • 在 目标 字段的末尾添加 --enable-features=OmniboxUIExperimentHideSteadyStateURLSchemeAndSubdomains,SimplifyHTTPSIndicator.

    • 例如：

      "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --enable-features=OmniboxUIExperimentHideSteadyStateURLSchemeAndSubdomains,SimplifyHTTPSIndicator

    • 点击 确定 并重新启动 Chrome。

  2. Mac：

    • 打开终端，输入以下命令并按回车键：

      open -a "Google Chrome" --args --enable-features=OmniboxUIExperimentHideSteadyStateURLSchemeAndSubdomains,SimplifyHTTPSIndicator

  3. Linux：

    • 打开终端，输入以下命令并按回车键：

      google-chrome --enable-features=OmniboxUIExperimentHideSteadyStateURLSchemeAndSubdomains,SimplifyHTTPSIndicator

方法四：通过 Chrome 扩展程序

有些 Chrome 扩展程序可以强制浏览器显示完整的 URL。以下是一些可能有用的扩展程序：

  1. Show Full URL
    • 这个扩展程序可以强制显示完整的 URL，包括协议部分。
    • 您可以在 Chrome 网上应用店中搜索并安装该扩展程序。

总结

通过调整 Chrome 设置、使用右键菜单、命令行参数启动 Chrome 或安装扩展程序，您可以让地址栏显示完整的 URL，包括协议部分。选择最适合您的方法，并根据需要进行设置。

关闭 chrome 左上角标签页搜索功能

There is no Enable Tab Search in chrome://flags anymore! The **about:flags/#chrome-refresh-2023 **solution moves this button to the left side, but no way to disable it for good. Hope google will return this flag back

about:flags/#chrome-refresh-2023

配置 Firefox 垂直标签栏

Firefox 原生不支持垂直标签栏，但可以通过扩展实现，比如 Sidebery 或者 Tree Style Tab。装上插件之后确实会展示类似 Edge 的垂直标签栏。但是，原来的水平标签并没有隐藏。也就是说同一个标签会显示在两个地方。这让强迫症晚期的我怎么忍？今天就分享一种在 Firefox 上完美实现垂直标签栏的方案。

首先要安装一款垂直标签扩展，推荐 Sidebery，因为 Tree Style Tab 默认不支持暗黑模式。安装之后就会看到左边的标签栏。我们还可以通过快捷键ctrl-e打开或关闭标签栏。

Sidebery 无法隐藏水平标签栏 Sidebery 无法隐藏水平标签栏

现在我们想办法隐藏水平标签栏。

Firefox 支持通过 CSS 定制界面。对应的 CSS 规则需要保存到名为 userChrome.css 的文件。而且这个文件的保存路径也很讲究，需要放到 profile 文件夹下的 chrome 文件夹。别看这里也有一个 chrome，它跟谷歌的 Chrome 浏览器没有关系。

这个 profile 文件夹就是 Firefox 保存配置的地方。它在不同系统上的位置也不一样，但 Firefox 提供了统一的查看页面。依次点击 ☰ -> [Help] -> [More Troubleshooting Information]会打开一个信息页面，在里面查找[Profile Folder]就会看到对应的路径。左边应该有一个按钮，点击就可以打开一个目标路径。

如果是中文界面，需要点击 ☰ -> [帮助] -> [更多排障信息]，然后搜索[配置文件夹]。

打开的文件夹中可能有多个文件夹，但系统会选中正在使用的那个。点击进入就能看到配置文件。感谢读者胡一派指正。

然后我们在 profile 文件夹里面创建 chrome 文件夹，然后再新建 userChrome.css 文件，内容为：

#TabsToolbar {
  visibility: collapse;
}

保存之后重启 Firefox，然后发现没有任何作用 😂 这是因为从 69 版本开始，Firefox 默认不再自动加载 userChrome.css 文件。我们需要手工开启这个特性。开启方法如下：

  1. 新建标签，输入 about:config 并回车
  2. 首次打开可能会看到 Firefox 的提示，说修改配置可能影响功能，要小心
  3. 同意之后，在新的页面最上方的搜索框，输入 userprof 并回车
  4. 双击toolkit.legacyUserProfileCustomizations.stylesheets会将其修改为true

现在再重启 Firefox，水平标签栏就会被隐藏起来。

隐藏水平标签栏 隐藏水平标签栏

这是非常简洁的 UI，我非常喜欢。但是它有两个问题。第一，窗口的关闭、最大、最小按钮也消失了。第二，办法用鼠标移动 Firefox 窗口。

最简单的方案是让 Firefox 显示标题栏。右键地址栏两侧的任意图标，点击[Customize toolbar…]会打开一个新页面，选中左下角的 Title Bar，最后点击右下角的[Done]。如此 Firefox 就会重新展示标题栏，移动窗口的问题也一并解决。

标题栏显示效果 标题栏显示效果

但是，我更喜欢简洁的界面。如果是关闭窗口，可以直接使用⌘+w，退出按⌘+q，进入全屏用^+⌘+f。这些都是 mac 系统的标准快捷键。但窗口移动这个问题不好解决。

有一个不那么优雅的方案。如果你没有调整过 Firefox 的默认布局，地址栏跟左右两边的图标之间会有一段空白，它的长度会动态调整。屏幕越宽，空白越长。可以用鼠标点击这两块空白区域实现移动窗口。但我之前总觉得这种设计很丑，所以会第一时间删除这两段空白。但跟显示标题栏相比，显示空白也不是什么大问题了。所以再回到上面的[Customize toolbar…]页面，把 Flexible Space 重新拖拽到地址栏两边就可以了。

最后需要优化的就是侧边栏的标题。Firefox 默认为显示当前的扩展名，也就是 Sidebery。我感觉没有必要，可以往 userChrome.css 添加如下样式规则：

#sidebar-header {
  visibility: collapse !important;
}

最终的显示效果如下，地址栏两边有空白，侧边栏的标题也已经隐藏：

极简侧边栏最终显示效果 极简侧边栏最终显示效果

以上就是全部的配置过程。说起垂直标签栏，最早还是微软在 Edge 浏览器实现的。但 Edge 的标签栏有两个问题。第一，虽然它能隐藏水平标签栏，但原来的 UI 并不会隐藏，只是不显示水平标签罢了。这就没办法扩大垂直方向上的显示区域。第二，也是最大的问题，它不支持全屏模式，一旦进入全屏就会切换成水平标签栏。相比之下，Firefox 的实现虽然不那么方便，却能真正提高屏幕的利用率，完爆 Edge。Chrome 也有类似的插件，但不支持隐藏水平标签，还不如 Edge。所以 Firefox 胜出 ✌️

读者 donie.leigh 留言说为什么不用 Vivaldi。主要因为它用的也是 Chromium 内核。我很久之前就用过，当时感觉界面有点卡。收到留言后我又体验了一下，Vivaldi 的垂直标签栏比 Edge 做的要好，但比 Firefox 的实现效果还差一点 😄

https://taoshu.in/firefox/vertical-tabs.html

上次编辑于:
贡献者: SunSeekerX,SunSeekerX
Copyright © 2024 SunSeekerX