使 Firefox 和 Vivaldi 只在新标签页显示书签栏

Firefox

新建
~/.mozilla/firefox/rre9emvh.default/chrome/userChrome.css (大概不同人的 rre9emvh.default 目录会有不同的名字?)

内容如下

/*
 * Bookmarks toolbar is visible only on new tab page, just like Chrome.
 *
 * Screenshot: https://vimeo.com/235059188
 * Video: https://vimeo.com/240436456
 *
 * Contributor(s): https://www.reddit.com/user/AJtfM7zT4tJdaZsm and Andrei Cristian Petcu
 *                 https://www.reddit.com/r/FirefoxCSS/comments/7evwow/show_bookmarks_toolbar_only_on_new_tab/
 */

#main-window #PersonalToolbar {
  visibility: collapse !important;
}

#main-window[title^="about:newtab"] #PersonalToolbar,
#main-window[title^="New Tab"] #PersonalToolbar,
#main-window[title^="Nightly"] #PersonalToolbar,
#main-window[title^="Mozilla Firefox"] #PersonalToolbar,
#main-window[title^="Firefox"] #PersonalToolbar,
#main-window[title^="新标签页"] #PersonalToolbar,
#main-window[title^="Customize Firefox"] #PersonalToolbar {
  visibility: visible !important;
}

Vivaldi

修改 /opt/vivaldi/resources/vivaldi/browser.html,
添加以下内容

<script src="style/common.js"></script>

修改 /opt/vivaldi/resources/vivaldi/style/common.js
添加以下内容

/**
 * Author: Leonardo Domingues
 */

setTimeout(function wait()
{
    var adr = document.querySelector(".toolbar-addressbar.toolbar");
        if (adr != null)
        {
            const vivaldi = window.chrome;

            var bar = document.getElementsByClassName('bookmark-bar')[0];

            function change_display()
            {
                var tab = document.querySelector('.active.webpageview');

                if (tab.classList.contains('internal'))
                {
                    bar.style.display = "flex";
                }else
                {
                    bar.style.display = "none";
                }
            }

            vivaldi.tabs.onCreated.addListener(e => change_display());

            vivaldi.tabs.onUpdated.addListener(e => change_display());

            vivaldi.tabs.onActivated.addListener(e => change_display());
        }
        else {
            setTimeout(wait, 300);
        }
}, 300);

END

原文地址:https://www.cnblogs.com/maxuewei2/p/10856007.html

时间: 2024-11-12 13:15:57

使 Firefox 和 Vivaldi 只在新标签页显示书签栏的相关文章

每次打开新标签页,都会提示“无法访问此网站”。并自动跳转到一个地址

使用该版本的chrome后,每次打开新标签页,都会提示"无法访问此网站".并自动跳转到一个地址"http://www.google.com.hk/url?sa=p&hl=zh-CN&pref=hkredirect&pval=yes&q=http://www.google.com.hk/_/chrome/newtab-"说明问题是因为此处访问google使用的地址是http协议.解决方式如下:输入:chrome://net-intern

js实现在新标签页打开页面

这种方法打开新标签页要在IE9+以上浏览器才可以! <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Title</title> <script src="jquery.js"></script> <script type=&quo

infinity新标签页失效

安装infinity新标签页后,无法生效,或者infinity新标签页突然失效了. 驱动精灵的问题 驱动精灵安装后,还会安装其它的软件,在卸载后,安装的软件还存在. 解决办法 光卸载驱动精灵还不够,还有货: kbasesrv 也要卸载,还有个 infocenter.exe , 甚至我把所有的 kingsoft 文件夹都删除了,这下就正常了. 我的帖子:infinity新标签页无法替换九宫格新标签页 不要再安装驱动精灵 再次吐嘈,驱动精灵的卸载真是百般不想让你卸载,各种弹出二次确认,还把卸载做成文

判断标签页显示隐藏(visibilitychange事件)

简单的说,浏览器标签页被隐藏或显示的时候会触发visibilitychange事件. 这个事件可以满足一些用户需求,比如标签页隐藏的时候停止播放音乐视频.停止一些不必要的轮询,还有停止一些诸如轮播等循环动画效果等等.这些可以节省服务器和本地的开销. 这个事件已经得到现代浏览器广泛的支持,不过一些老版本的浏览器需要加相应的前缀. Chrome (Webkit) Firefox (Gecko) Internet Explorer Opera Safari (WebKit) 13前缀webkit33无

JS 监听浏览器标签页显示隐藏

JS 监听浏览器标签页显示隐藏 API document.hidden 判断页面是否隐藏的布尔值.页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 document.visibilityState (只读属性), 返回document的可见性,4个值: hidden:文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 '锁屏状态' visible:此页面在前景标签页中,并且窗口没有最小化 prerender:页面在屏幕外执行预渲染处理 document.hidden 的值为 tru

window open 弹出窗口 和 同一窗口下打开新标签页

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="https://www.baidu.com/" class ="popup">

chrome新版打开新标签页自动打开谷歌主页

最近更新了chrome,发现新版有个问题. 打开标签页时会自动跳转至 https://www.google.com/webhp?ie=UTF-8&gws_rd=cr&rct=j 导致我书签只能从菜单栏里面找. 经过谷歌了一下.终于解决了这个问题 解决方法很简单:浏览器打开下列网址即可 http://www.google.com/ncr 本文参考:http://www.google-adwords-vip.com/Learning/site-feedback/193.html 原文地址:ht

Eclipse标签页显示最近修改

新版的eclipse(貌似是4.3开始)编辑区的标签页不按最近修改的显示,文件打开一多,感觉很不习惯,对比查看代码经常都是不断的ctrl+shift+r,超级麻烦,后来网上查找了一下,原来可以做修改,下面给出方法 4.3改法: eclipse安装目录/plugins/org.eclipse.platform_4.3.2.v20140221-1700/css/找到eclipse当前样式的css文件,win7默认为e4_default_win7.css 打开,将下面的swt-mru-visible:

在浏览器的标签页显示网站标志图标(或指定图标)的方法

对于不同的浏览器,方法是有差别的1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索2.这大概是所有浏览器通用的在标签页加入指定图标的方法:把favicon.ico图标放到网站根目录下,在网页的<head></head>中加入<link rel="shortcut icon" href="favicon.ico" type="image/x-icon&