不小心就花了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,效率怎样,希望不会用几天就卸了吧。
分享到:
相关推荐
3. **验证安装**:关闭并重新启动Firefox,检查“工具”菜单中是否出现“userchrome.js设置”和“userchrome.js用户脚本命令”,如果有则表明安装成功。 4. **放置和使用脚本**:下载的脚本应根据类别存放在相应的...
确保安装成功的方法是重启浏览器后,在"工具"菜单中检查是否有"UserChrome.js设置"和"UserChrome.js用户脚本命令"这两个选项。如果有,说明安装正确。之后,你可以在网上下载各种脚本,按照它们的分类放入相应的...
1. **界面定制**:可以改变工具栏按钮的布局、隐藏不需要的元素、调整窗口大小等。 2. **功能增强**:添加新的快捷键、改变默认行为,例如自动阻止弹窗、优化滚动体验等。 3. **扩展管理**:自动化扩展的启用、禁用...
通过修改userChrome.js,用户可以更改火狐的外观,包括菜单、工具栏和窗口边框等。UC脚本管理器可能提供了对userChrome.js的便捷编辑和管理功能,使用户能够更轻松地调整浏览器界面。 **TabMixPlus** 是一个火狐...
Australis是Firefox早期推出的一项界面更新,它引入了一种更为流线型的工具栏设计,包括一体化的地址栏和搜索框,以及可自定义的快捷方式。Australis设计的目的是为了提供更直观、更统一的跨平台体验。在Australis中...
6. 定制化:Firefox允许用户自定义界面布局,调整工具栏、快捷键,甚至可以通过UserChrome.css和UserContent.css自定义浏览器外观和网页样式。 7. 书签和同步:Firefox的书签管理功能强大,同时支持跨设备同步,让...
用户ChromeJS通常涉及到CSS和JavaScript文件,通过调整这些文件,可以改变Firefox的工具栏、菜单、窗口样式等元素。 描述中的“Firefox 用户 ChromeJS 脚本”指的就是用于Firefox的用户ChromeJS代码,这些脚本是由...
通过编辑这个文件,FlyingFox 可以改变地址栏、书签栏、工具栏等元素的颜色、布局和样式,创造出与众不同的主题效果。 2. **UserContent.css**: 类似于 UserChrome.css,UserContent.css 主要用于修改网页内容的...
用户ChromeCSS是Firefox允许用户自定义浏览器界面的CSS文件,而UserChrome.js则是用来添加JavaScript脚本,实现更复杂的交互和功能增强。在FirefoxW10ContextMenus的案例中,主要涉及的是CSS部分,通过修改这个文件...