使用greasemonkey用户脚本移动twitter元素

mwkjh3gx  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(186)

我还在学习javascript,所以我想我应该试着开始使用greasemonkey来解决一些日常问题,并使用一些纯javascript来解决这些问题。
所以,在twitter上,我希望有自己的布局,我认为这是可行的,我会在重新构建它的过程中了解更多,但我从简单开始,移动一个元素,搜索表单。
我在一个基本的本地html页面上“概念证明”了元素的一次移动。这起到了作用:

<head>
</head>
<body>
    <div>
        <p>Stuff</p>
    </div>
    <div data-testid="eliot1">
        <p>Things</p>
    </div>
    <div aria-label="eliot2">
        <p>Bits</p>
    </div>
</body>
</html>

... 使用此脚本:

(function moveSearch2() {
    'use strict';

    const elPriColly = document.querySelector('div[data-testid="eliot1"]');

    const elSrcy = document.querySelector('div[aria-label="eliot2"]');

    elPriColly.insertBefore(elSrcy, elPriCol.childNodes[0]);

})();

从本质上说,比特最终高于事物。一切都好。
当我尝试将这一点应用到twitter上时,世界似乎发生了翻天覆地的变化,我真的不知道为什么。

(function moveSearch() {
    'use strict';

    const elPriCol = document.querySelector('[data-testid="primaryColumn"]');

    const elSrc = document.querySelector('form[aria-label="Search Twitter"]');

    elPriCol.insertBefore(elSrc, elPriCol.childNodes[0]);

//    moveSearch2();

})();

我试过有和没有 divform 在此处的属性选择之前,两者都不起作用。
如何移动具有该属性的表单元素 aria-label="Search Twitter" 作为具有该属性的div中的第一个元素 data-testid="primaryColumn" ?
ftr
我已经在一张纸上看了这里的所有条目 [GreaseMonkey] Twitter 搜索
我检查了其他脚本(太复杂了)
我做了一些基本的起始页搜索。抱歉,如果我的搜索引擎不够好,但我只是想在这里学习。
我已经检查了控制台是否有错误,但它没有为脚本生成任何错误(我在这一点上看到了一些错误)。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题