马黑黑 发表于 2026-7-16 20:20

自定义百分浏览器新标签页

<style>
    @import 'https://638183.freep.cn/638183/web/css/hl.css';
    .artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }
    .artBox blockquote { padding: 14px; border: solid gray; border-width: 0 4px; border-radius: 10px; background: #ddd; }
    .artBox p { margin: 10px 0; }
    .artBox pre { white-space: pre-wrap; }
</style>

<div class="artBox">
    <p>百分浏览器(Cent Browser)是我中意的基于 Chromium 封装的第三方浏览器之一,但我不太满意它的“新标签页”,原因很简单:新建标签页自带的搜索框默认使用百度、可选谷歌引擎,百度搜索已是垃圾,谷歌搜索没架个梯子就是摆设,二者均不提供替换的操作入口。</p>
    <p>“新标签页”支持自定义网址,这给用户预留了操作空间:我们可以放弃默认的新标签页,取而代之使用自建的本地页面,假设命名为 go.html,放在 C 盘根目录下。go.html 内容如下(搜索引擎使用必应,可行更换其它引擎):</p>
   
    <pre class="hlCode">&lt;!DOCTYPE html&gt;
&lt;html lang="zh"&gt;
&lt;head&gt;
&lt;meta charset="utf-8" /&gt;
&lt;title&gt;New Tab&lt;/title&gt;
&lt;style&gt;
    a { width: 120px; text-align: center; color: darkred; margin-right: 20px; padding: 4px 10px; background: lightblue; border-radius: 12px; text-decoration: none; }
    a:hover { background: skyblue; }
    .commonbox { width: 60%; margin: 60px auto; }
    .anchor { display: flex; flex-wrap: wrap; gap: 20px; }
    .tMid { text-align: center; }
    #search { width: 600px; padding: 10px 20px; border-radius: 20px; font-size: 18px; }
    #btnGo { font-size: 20px; border: none; outline: none; background: none; cursor: pointer; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
   
&lt;div class="commonbox"&gt;
    &lt;p class="tMid"&gt;
      &lt;input id="search" type="search" placeholder="关键词..." /&gt;
      &lt;input id="btnGo" type="button" value="&#128269;" /&gt;
    &lt;/p&gt;
&lt;/div&gt;
&lt;div class="anchor commonbox"&gt;
      &lt;a href="https://www.huachaowang.com/forum.php"&gt;花潮论坛&lt;/a&gt;
      &lt;a href="https://www.tukuppt.com/video/"&gt;熊猫视频&lt;/a&gt;
      &lt;a href="https://588ku.com/video/"&gt;千库视频&lt;/a&gt;
      &lt;!-- 更多的链接自己补充 --&gt;
&lt;/div&gt;

&lt;script&gt;
    btnGo.onclick = () =&gt; go();

    search.onkeyup = (e) =&gt; {
      if (e.key === 'Enter') go();
    };
   
    function go() {
      if (search.value.trim() === '') {
            search.focus();
            return;
      }
      window.location.href = `https://cn.bing.com/search?q=${search.value}`;
    }
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
    <p>然后进入百分浏览器的设置页面,找到“新标签页”,勾选“自定义网址”,在网址输入栏输入 <mark>c:\go.html</mark> 或 <mark>file:///c:/go.html</mark> 即可(后者是规范表达法,也是前者成功输入后浏览器自动转化的结果,它实际上是使用 file 协议打开本地 .html 文件)。</p>
    <p>如果需要首页即“起始页面”页也指向“新标签页”,可在设置中找到“起始页面”,确保其上的“打开新标签页”已经被选中,若没有被选中,点选它。</p>
</div>

霜染枫丹 发表于 2026-7-16 21:02

马老师晚上好~~

我用的是谷歌和谷歌内核的极速浏览器,都是对网页安全要求的过严谨,遇到一些网页不给打开。您分享的这个浏览器我也试试,感谢分享,恭祝安好!{:4_204:}{:4_190:}

红影 发表于 2026-7-16 21:15

新标签页里可以放入自己想要的网站了,这个好,可以把自己常用的都设计进去呢{:4_187:}

马黑黑 发表于 2026-7-16 22:05

红影 发表于 2026-7-16 21:15
新标签页里可以放入自己想要的网站了,这个好,可以把自己常用的都设计进去呢
Edge浏览器也是 Chromium 内核,新标签页理论上也可以仿照一楼设置

马黑黑 发表于 2026-7-16 22:07

霜染枫丹 发表于 2026-7-16 21:02
马老师晚上好~~

我用的是谷歌和谷歌内核的极速浏览器,都是对网页安全要求的过严谨,遇到一些网页不给打 ...

百分浏览器也是和 Chrome 一样使用相同的内核。现代浏览器以 Chromium 内核为主流,市场占比95%以上,遵循当下最新的 CSS、HTML、JS 标准

红影 发表于 2026-7-17 20:50

马黑黑 发表于 2026-7-16 22:05
Edge浏览器也是 Chromium 内核,新标签页理论上也可以仿照一楼设置

嗯嗯,这样用起来就方便了{:4_204:}

马黑黑 发表于 2026-7-17 21:45

红影 发表于 2026-7-17 20:50
嗯嗯,这样用起来就方便了

应该不错
页: [1]
查看完整版本: 自定义百分浏览器新标签页