不小心就花了2天时间在firefox上,耽搁了正事,懊恼不已啊。
话说是因为前2天在浏览网页时,看到了stylish,忍不住就想用用,于是就搜一些推荐的样式时又看到了userchrome.js,于是这2天时间就耗在了这2个东西和之后不得不用的dom inspector上。和以前搞greasemonkey一样,觉得那些脚本不合自己习惯,就自己写。而写了之后又不满意,像greasemonkey,我干脆卸了,再也不用。其实,总觉得这些东西实际上没什么用,徒增自己烦恼而已。
在网上没搜到合用的隐藏工具栏的脚本,于是就写了一个。我不用隐藏菜单栏,因为我用personal menu了,我也不隐藏导航栏,因为太常用了,我要隐藏的是收藏栏和google工具栏,另外我不想在点导航栏时,收藏栏和google工具栏跳出来,弄得眼花潦乱,所以我就用了alt键控制。写个userchrome.js真烦啊,写了之后都不知为什么不起作用,看来看去,头都晕了。好像firebug不能调试userchrome.js?
var hide = {
toolbar : document.getElementById("navigator-toolbox"),
bookmarks : document.getElementById("PersonalToolbar"),
googleBar : document.getElementById("gtbToolbar"),
hideTimer : null,
isCtrl : false,//记录按一下一次ctrl
isOver : false,//是否鼠标指到工具栏上
init : function() {
hide.bookmarks.style.display = 'none';
hide.googleBar.style.display = 'none';
// 按下alt或ctrl
window.addEventListener("keydown", function(event) {
if (event.keyCode == 18 && !event.ctrlKey)
hide.toolbar.altKey = true;//toolbar.altKey控制鼠标指到工具栏时显示收藏栏和google toolbar栏。
if (((event.keyCode == 18 && event.ctrlKey) || (event.keyCode == 17 && event.altKey))
&& hide.isOver)
{
hide.toolbar.altKey = true;
if (hide.isCtrl)
hide.isCtrl = false;
else
hide.isCtrl = true;
}
}, false);
// 释放alt
/*
window.addEventListener("keyup", function(event) {
if (event.keyCode == 18 || event.keyCode == 17 || event.altKey || event.ctrlKey)
toolbar.altKey = false;
}, false);
*/
hide.toolbar.addEventListener("mouseover", function(event) {
hide.isOver = true;
clearTimeout(hide.hideTimer);
if (!hide.toolbar.altKey)
return;
hide.toolbar.altKey = false;
setTimeout( function() {
hide.bookmarks.style.display = 'block';
hide.googleBar.style.display = 'block';
}, 0);
}, false);
hide.toolbar.addEventListener("dblclick", function(event) {
clearTimeout(hide.hideTimer);
setTimeout( function() {
hide.bookmarks.style.display = 'block';
hide.googleBar.style.display = 'block';
}, 500);
}, false);
hide.toolbar.addEventListener("mouseout", function(event) {
hide.isOver = false;
hide.hideTimer = setTimeout( function() {
if (!hide.isCtrl) {
hide.bookmarks.style.display = 'none';
hide.googleBar.style.display = 'none';
}
}, 200);
}, false);
}// end init function
};
hide.init();
也不知有什么bug,效率怎样,希望不会用几天就卸了吧。
分享到:
相关推荐
用于Mozilla Firefox的userChrome.js 该脚本已在Firefox 69稳定版上进行了测试。 ---,------ ---如果仍然不确定它的作用,请查看以下 , ---,什么是userChrome.js? 您可以访问此以了解有关userChrome.js的信息...
userChromeJS脚本可以使用Firefox 57之前的扩展名加载。 现在继续进行以下操作(最好通过右键单击“目标另存为...”来下载所有文件)。 复制2个文件: 在Firefox安装文件夹中。 因此,取决于操作系统C:\Program ...
例如,你可以更改地址栏、书签栏、工具栏的颜色、字体、大小,甚至添加自定义的动画效果。 在描述中,"userChrome-styles"被提及为一个集合,这通常意味着它包含了一系列预设的CSS样式,供用户选择和应用。这些样式...
3. **验证安装**:关闭并重新启动Firefox,检查“工具”菜单中是否出现“userchrome.js设置”和“userchrome.js用户脚本命令”,如果有则表明安装成功。 4. **放置和使用脚本**:下载的脚本应根据类别存放在相应的...
我的Joplin主题文件,包括userchrome.css和userstyles.css,以及一些笔记的减价模板。 我对乔普林的个人userchrome.css和userstyles.css。 建立在Amanda的主题(感谢论坛上的帮助!)的基础上,并受到Mac / iOS的...
毕业设计用他人源码userChrome.js(Collections) 包括: 个人暂时不用的脚本 其他人处搜集的脚本 用途:主要是方便以后查找 参考资料 一些UC脚本作者(原作及修改)发布地址: 两大脚本收集狂↓ alice0775: ardiman: ...
PWHashSidebar.uc.js 安装一个按钮,该按钮将打开一个附加的侧栏,您可以在其中通过各种数据生成密码。 更新:集成了加载其他页面的可能性 更新:可以设置哈希页面的颜色 更新:内置其他设计选项/创建了电子邮件...
- **userchrome.css**: 这个文件用于修改浏览器的chrome部分,即浏览器的用户界面组件,如工具栏、窗口边框等。在Joplin中,由于它是一个桌面应用,userchrome.css可能主要用于调整窗口布局、按钮样式或整体色彩方案...
它允许高级用户通过CSS代码自定义浏览器的界面,如工具栏、窗口边框、按钮样式等。在Edge-Fox主题中,这个文件被用来应用模仿Edge Chromium的样式规则。 2. **Firefox 主题系统**:Firefox支持用户自定义浏览器的...
社区维护的用于Firefox的userChrome.css调整库每个文件应只包含一个特定的调整项。 没有完整的主题或其他内容。 该存储库的用户应该能够轻松地将不同的调整组合到自己喜欢的设置中。 不同文件之间可能会出现不兼容性...
标题中的"my-thunderbird-userchrome:黑暗最小的雷鸟 userchrome.css"就指出了一个针对Thunderbird的用户自定义方案,它通过修改`userchrome.css`文件来实现暗黑风格的最小化设计。 `userchrome.css`是Thunderbird...
1. More browser area:通过使工具栏图标变小,增加浏览区域。打开查看-工具栏-定制,选中使用小图标。 2._smart keywords: Firefox 具有智能关键字功能,可以帮助您快速搜索。右键点击搜索框,选择“为此搜索添加...
标题中的".files:f f f"似乎指的是一个配置文件集合,通常在Unix或Linux系统中,用户会创建一个名为".files"的隐藏目录来存放个人的配置文件和脚本,以保持系统的整洁和个性化。这个".files-master"可能是一个...
确保安装成功的方法是重启浏览器后,在"工具"菜单中检查是否有"UserChrome.js设置"和"UserChrome.js用户脚本命令"这两个选项。如果有,说明安装正确。之后,你可以在网上下载各种脚本,按照它们的分类放入相应的...
材质狐狸灵感来自Material Design的userChrome.css主题 这个主题由血液,汗水和咖啡驱动。 如果您喜欢它,请考虑提供帮助以支持它的持续发展。这是做什么的受Google的Material Design设计和最新的Google Chrome UI的...
总之,slick-fox是一个利用`userChrome.css`实现的Firefox界面美化工具,它通过圆形选项卡和可隐藏的URL栏提供了独特的交互体验,并且可以与任意主题兼容。对于那些追求个性化和独特浏览体验的Firefox用户来说,这是...
Zotero-Dark-Theme Zotero深色主题的userChrome.css文件。 欢迎提出改进建议。 为Zotero 5.0.92创建。 与Windows 10兼容。 无法担保其他操作系统。 要使用它,请执行以下步骤: 1-转到您的用户配置文件文件夹-C:\ ...
1. **界面定制**:可以改变工具栏按钮的布局、隐藏不需要的元素、调整窗口大小等。 2. **功能增强**:添加新的快捷键、改变默认行为,例如自动阻止弹窗、优化滚动体验等。 3. **扩展管理**:自动化扩展的启用、禁用...
Firefox的userChrome.css主题,可复制Microsoft Edge并将图标添加到右键单击菜单。 屏幕截图 Newtab页灯 Newtab页暗 右键菜单灯 右键菜单黑暗 如何安装 转到about:support,然后单击在文件资源管理器中显示您的个人...
1. 更多的浏览区域:为了增加浏览器的可视空间,可以在“查看”菜单中选择“工具栏”>“定制”,勾选“使用小图标”,这样可以缩小工具栏图标的大小,腾出更多屏幕空间。 2. 智能关键字:Firefox的智能关键字功能...