Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

让简 Tab 支持搜索栏常驻的一些解决办法 #82

Open
Kenshin opened this issue Dec 1, 2019 · 10 comments
Open

让简 Tab 支持搜索栏常驻的一些解决办法 #82

Kenshin opened this issue Dec 1, 2019 · 10 comments
Labels

Comments

@Kenshin
Copy link
Owner

Kenshin commented Dec 1, 2019

简 Tab 是一个比较「另类」的新标签页扩展,(相对于其它)产品来说,具有很重要的一点,即:

界面没有任何干扰背景显示的其它元素

所以,意味着对于喜欢使用新标签页搜索的朋友来说,可能有些不太适应。

为了照顾这些用户,因此在简 Tab 1.5.3 开始 书签栏快捷搜索栏 接入了 多种搜索引擎 可以使用快捷键来使用搜索。


为什么我觉得其实没必要使用 搜索功能 呢?

  • Chrome 的地址栏,也称 omnibox 它的功能已经很强大了,不仅能有搜索提示,而且还能直接显示 天气 等信息
    image

  • 由于 Chrome 本身的限制,无论什么样的标签页扩展,新开标签页后的 焦点必在地址栏 上。
    这就限制了,无论什么样的扩展都没办法 一步指向 新标签页的搜索框。

所以:简 Tab 没必要再重复造轮子,即便造了,也不能由原生具有一样的使用体验。


但是,仍旧有朋友喜欢在新标签页使用搜索栏,那怎么办?

1.5.5 版增加了一个新功能:自定义脚本 你可以对简 Tab 做任何深度化的定制。

自然,搜索栏常驻也是很容易实现的。


不过,简 Tab 并不鼓励这种事情,所以跟 禅模式 · 脚本管理器 不一样,简 Tab 永远也不会有一个类似的脚本管理器。

毕竟,我不会容忍 图模式 有任何干扰性的元素出现。


谢谢看完这么长的内容,也感谢对于一个 对美景有偏执 的开发者的 执拗 😀

@Kenshin
Copy link
Owner Author

Kenshin commented Dec 1, 2019

如果仅仅只是解释的话,怎么够?所以我给需要此功能的用户提供一个 搜索常驻 脚本。

$( 'body' ).on( 'mousemove', showSearchBar );

function showSearchBar( event ) {
    if ( event.offsetY > 180 && event.offsetY < 280 && $("body").children().last()[0].className.toLowerCase() == "bm-overlay" && $('.quickbar' ).length == 0 ) {
        $( '.history.open' ).removeClass( 'open' ).removeAttr( 'style' );
        $( '.background' ).addClass( 'bghidden' );
        $('.bm .folder.search').click();
        $('.quickbar .search input').focus();
        $( 'body' ).off( 'mousemove', showSearchBar );
        $( '.quickbar-overlay' ).on( 'click', function( event ) {
            if ( event.target.className.toLowerCase() != 'quickbar-overlay'  ) return;
            $( '.background' ).removeClass( 'bghidden' );
            $( 'body' ).on( 'mousemove', showSearchBar );
        });
    }
}

只需要把上述代码通过 自定义脚本 提示的方式粘贴过去,刷新页面即可。


效果如下图

2019-12-01_13-58-56

@Kenshin
Copy link
Owner Author

Kenshin commented Dec 1, 2019

最后,原则上此 issues 只允许讨论于 搜索有关的 内容,并且为了保证这个 issues 的简洁,你的提问会被 手动隐藏

如果你有需要实现的其它方案,亦或自己实现的方式,也请分享下。 😀

@Kenshin Kenshin added the script label Dec 1, 2019
@Kenshin Kenshin pinned this issue Dec 1, 2019
@Karl-Heinrich-Marx
Copy link

可以,很强

@candyboyou
Copy link

不起作用啊o(╥﹏╥)o

@candyboyou
Copy link

哦,需要开启书签栏,能不能添加一个单独的搜索栏。每次搜索之前,还需要切换成英文,选择一个搜索引擎,跳转到他的页面,然后再搜索,也太麻烦了吧。。。

@Kenshin
Copy link
Owner Author

Kenshin commented Jun 3, 2021

@CandyCatcher

嗨,为什么不加搜索的初衷已经说了,已经有搜索框功能的 New Tab 已经很多了。 😂

@bananaguys
Copy link

,需要开启标题栏,不能哦哦一个单独的搜索栏。每次可以添加搜索,之前还需要切换成英文,选择一个搜索引擎,跳转到他的页面,然后再搜索,也太麻烦了。。 。

对呀,怎么能没有搜索栏呢?地址栏习惯用谷歌搜索,标签页搜索栏用百度,每一次还要输入s d 就太麻烦了

@weeenc
Copy link

weeenc commented Aug 5, 2022

产品很好,但是不能设置搜索框应该是致命的缺陷,遗憾

@Astolfoo
Copy link

Astolfoo commented Nov 1, 2022

原生具有一样的使用体验。

捉个虫,反馈下作者大大:
原文:也不能有原生具有一样的使用体验。
推荐:也不能拥有原生一般的使用体验。 (💪🏻😝👍🏻)

@Kenshin
Copy link
Owner Author

Kenshin commented Nov 1, 2022

@Astolfoo

哈哈,好。

🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants