`
colorlife
  • 浏览: 133931 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

userchrome.js:隐藏工具栏脚本

阅读更多

不小心就花了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,效率怎样,希望不会用几天就卸了吧。

分享到:
评论

相关推荐

    UC脚本(UserChormeJS)安装及使用方法.docx

    3. **验证安装**:关闭并重新启动Firefox,检查“工具”菜单中是否出现“userchrome.js设置”和“userchrome.js用户脚本命令”,如果有则表明安装成功。 4. **放置和使用脚本**:下载的脚本应根据类别存放在相应的...

    UC脚本(UserChormeJS)安装及使用方法.pdf

    确保安装成功的方法是重启浏览器后,在"工具"菜单中检查是否有"UserChrome.js设置"和"UserChrome.js用户脚本命令"这两个选项。如果有,说明安装正确。之后,你可以在网上下载各种脚本,按照它们的分类放入相应的...

    userChromeJS

    1. **界面定制**:可以改变工具栏按钮的布局、隐藏不需要的元素、调整窗口大小等。 2. **功能增强**:添加新的快捷键、改变默认行为,例如自动阻止弹窗、优化滚动体验等。 3. **扩展管理**:自动化扩展的启用、禁用...

    UC脚本管理器

    通过修改userChrome.js,用户可以更改火狐的外观,包括菜单、工具栏和窗口边框等。UC脚本管理器可能提供了对userChrome.js的便捷编辑和管理功能,使用户能够更轻松地调整浏览器界面。 **TabMixPlus** 是一个火狐...

    FirefoxUI:FirefoxUI混合。 修改Firefox的后端

    Australis是Firefox早期推出的一项界面更新,它引入了一种更为流线型的工具栏设计,包括一体化的地址栏和搜索框,以及可自定义的快捷方式。Australis设计的目的是为了提供更直观、更统一的跨平台体验。在Australis中...

    Firefox火狐浏览器官方56.0b6-win32版本exe在线安装包

    6. 定制化:Firefox允许用户自定义界面布局,调整工具栏、快捷键,甚至可以通过UserChrome.css和UserContent.css自定义浏览器外观和网页样式。 7. 书签和同步:Firefox的书签管理功能强大,同时支持跨设备同步,让...

    userChromeJS:Firefox 用户 ChromeJS 脚本

    用户ChromeJS通常涉及到CSS和JavaScript文件,通过调整这些文件,可以改变Firefox的工具栏、菜单、窗口样式等元素。 描述中的“Firefox 用户 ChromeJS 脚本”指的就是用于Firefox的用户ChromeJS代码,这些脚本是由...

    FlyingFox:一套针对Firefox的自以为是的配置

    通过编辑这个文件,FlyingFox 可以改变地址栏、书签栏、工具栏等元素的颜色、布局和样式,创造出与众不同的主题效果。 2. **UserContent.css**: 类似于 UserChrome.css,UserContent.css 主要用于修改网页内容的...

    FirefoxW10ContextMenus:在Firefox中模拟Windows 10上下文菜单

    用户ChromeCSS是Firefox允许用户自定义浏览器界面的CSS文件,而UserChrome.js则是用来添加JavaScript脚本,实现更复杂的交互和功能增强。在FirefoxW10ContextMenus的案例中,主要涉及的是CSS部分,通过修改这个文件...

Global site tag (gtag.js) - Google Analytics