Greasy Fork is available in English.

百度搜索 - 优化

1、屏蔽百度推广 2、居中单列(可选) 3、居中双列(可选) 4.自动下一页(可选)

< Feedback em 百度搜索 - 优化

Avaliação: OK - script funciona, mas tem bugs

§
Publicado: 06/06/2023

作者你好,今天刚更新脚本,所有的功能基本都很好,也用了很久了,唯一感觉别扭的地方就是,搜索结果的排版。
实际上,最早的排版不是先左边排满,再右边排满,而是左右左右依次排列的,我这里说的是双栏排版,在5.0.0之前的版本,还保留有之前的排版代码,5.0.0重构后,这排版很难受。
百度的搜索结果是按权重依次递减的,然而双栏排版,先是左边,然后右边,在把左边看完,还得鼠标滑到最上面,看右边的,这个排版个人觉得真的很反人类,尤其开了自动下一页,右边都不知道从哪开始看。
所以强烈建议,作者加个以前的布局排版,求求了!

§
Publicado: 06/06/2023

顺带说一个,这个背景常量还在,但并没有用到背景设置中去

§
Publicado: 08/06/2023

排版逻辑跟旧版一样,并没有修改。

§
Publicado: 09/06/2023
Editado: 09/06/2023

不好意思,可能我表达的不够清楚,我画了个图

%E6%97%A0%E6%A0%87%E9%A2%98.png

其实上面那种种布局是你以前所使用的,只是在5.0.0版本重写代码后你去掉了,下面是4.0.9版本和5.0.9版本代码对比:

QQ%E6%88%AA%E5%9B%BE20230609160057.png

最初的布局结构是4.0.9里面的下面这一段代码:

    /**
     * 00 - 添加内容到lists
     * 使用 DOM 到 DOM, 即将 #content_left 下的子元素按顺序移动到 lists
     */
    addWebUseDomToDomWithOder() {
        let content_left = document.getElementById("content_left");
        content_left.classList.add("bd-hide");

        //获取所有元素
        let items = this.getDomForSearchResult();
        // let oldItems = document.getElementById("content_left").cloneNode(true).querySelectorAll(".c-container");
        let lists = this.getDomForLists();
        let listsLength = lists.length;

        //获取高度合集
        let itemHeights = [];
        let sumItemHeight = 0;
        let averageItemHeight = 0;
        for (let i = 0, length = items.length; i < length; i++){
            let item = items[i];
            let clientHeight = Number(item.clientHeight);
            let isDry = this.isDryElement(item);
            if (isDry){
                item.classList.add("bd-none");
                itemHeights[i] = 0 ;
                sumItemHeight += 0;
            }else{
                itemHeights[i] = clientHeight;
                sumItemHeight += clientHeight;
            }

        }

        averageItemHeight = sumItemHeight > 300 ? (sumItemHeight-100)/listsLength : 0;

        // console.log("itemHeights:",itemHeights);
        // console.log("sumItemHeight:", sumItemHeight);
        // console.log("averageItemHeight", averageItemHeight);

        //隐藏元素

        content_left.classList.add("bd-none");

        //移动元素
        let listIndex = 0;
        let virtualHeight = 0;
        let targetHeight = averageItemHeight;
        for(let i = 0, length = itemHeights.length; i < length; i++){
            let itemHeight = itemHeights[i];
            let item = items[i];

            if (listIndex >= listsLength){
                break;
            }

            if (targetHeight === 0){
                break;
            }

            if (itemHeight === 0){
                continue;
            }

            if (!item){
                continue;
            }



            virtualHeight += itemHeight;
            // console.log(virtualHeight);
            if(virtualHeight < targetHeight){
                lists[listIndex].appendChild(item);
            }else{
                targetHeight += targetHeight;
                listIndex ++;
            }

        }

        //屏蔽非必须元素
        let sytleContent = `#content_left>.c-container{display:none!important;}`;

        super.addStyle(sytleContent);

        //开启显示
        content_left.classList.remove("bd-none","bd-hide");

        return;

    }

这一段代码在5.0.0版本之后就被删掉了,所以想问下作者,这一段能否再加上

§
Publicado: 09/06/2023

版本:v4.5.6 双列排版

pCEuluV.png


版本 v5.0.9 双列排版

pCEuGEF.png

§
Publicado: 09/06/2023
Editado: 09/06/2023

可以看下哪一种比较符合浏览习惯

§
Publicado: 09/06/2023

个人觉的第一种才符合习惯
因为是双栏布局,按照用户的日常阅读习惯,是从左到右的。
新版的布局是把百度的搜索结果先排满左边,再排满右边,那么会有一问题,因为百度搜索结果有一个关联性(我把这个叫权重),结果越靠前,越能找到想要的结果(不考虑广告、SEO等)

但双栏排版带来的问题是:右栏第1个结果的权重,普遍比左边低。
因为新版布局先把左栏排满了,再排右边,那么左边权重普遍大于右边,用户想要找到自己想要的结果,就会更倾向于只看左边,这就和用户的阅读习惯反过来了,很不舒服。退一步,就算先看左边,再看右边那左边看完了,因为左边看完了,页面在最下面,还得把鼠标滑到最上面,然后再看右边,这不多此一举了么。

所以我希望搜索结果的排版,从上到下,从左到右,整体依次递减,满足用户的阅读习惯 %E6%97%A0%E6%A0%87%E9%A2%98.png

当然,在第一页,某些关键词的权重相差不是特别大,但在有时候,就很影响体验。我记得之前有人反馈说要新版的布局,所以你就采纳了,后面我也反馈过,不过没有结果,但代码还保留旧版排版的方法,所以我自己改了下,就过去了。现在代码重写了,旧版排版的方法那个代码删掉了,很难受。

§
Publicado: 11/06/2023

新开一个旧版分支 :百度-搜索-v4
已经修复旧版排版错误问题,可以先用

新版慢慢调整优化

§
Publicado: 11/06/2023

我上面那个方法名找错了,是addWebUseDomToDom()这个方法,没有WithOrder。感谢作者为用户的考虑,实际上之前为你捐助过,不过忘了是哪个项目了,反正是百度搜索,^_^!

Publicar resposta

Faça o login para publicar uma resposta.