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

Kenshin commented 4 years ago

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

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

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

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

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

Chrome 的地址栏，也称 omnibox 它的功能已经很强大了，不仅能有搜索提示，而且还能直接显示天气等信息
由于 Chrome 本身的限制，无论什么样的标签页扩展，新开标签页后的 焦点必在地址栏 上。这就限制了，无论什么样的扩展都没办法 一步指向 新标签页的搜索框。

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

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

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

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

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

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

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

Kenshin commented 4 years ago

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

$( '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