gpt4 book ai didi

javascript - Hook Google 页面结果加载

转载 作者:行者123 更新时间:2023-12-02 17:34:46 24 4
gpt4 key购买 nike

我正在编写的用户脚本的目的是在搜索永久按钮时更改 Google 按钮的顺序(以及添加讨论选项)。 This is the situation without the scriptthis is with the script.

问题是我的钩子(Hook)速度不够快,无法无缝地更改页面的内容。因为 Google 动态加载页面,所以它不能从头开始运行。截至目前,我尝试使用突变观察器来修复它。

var hasChanged = false;
MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

var observer = new MutationObserver(function(mutations, observer) {
var i =0;
while(i < mutations.length && hasChanged === false){
if(mutations[i] !== undefined) {
if(mutations[i].target.getAttribute('class') === 'hdtb-mn-hd') {
changeLayout();
hasChanged = true;
}
}
i++;
}
});

observer.observe(document, {
subtree: true,
attributes: true
});

但它并不总是在正确的时刻挂起,并且通常太慢。这个问题的一个例子可以在这个gif/html5 video中看到。 。第一次搜索时,它显示出轻微的延迟。单击“讨论”时,它显示 Hook 未加载。刷新页面时又显示延迟。

Link to the full script

最佳答案

// ==UserScript==
// @name Google Button Fixer
// @namespace googlebuttonfixer
// @match https://www.google.tld/*
// @include https://www.google.tld/*
// @exclude https://www.google.tld/maps/*
// @require http://code.jquery.com/jquery-latest.min.js
// @grant none
// @run-at document-start
// ==/UserScript==

// Prmitive settings menu. (Don't use an option twice)
// Options: web, images, maps, videos, news, books, apps, discussions
newMainLinks = ["web", "discussions", "images", "maps", "videos", "news"]
newMenu = ["books","apps"]

function changeLayout(){
var url = window.location.href;
var isPrimary = false;
if(url.indexOf("tbm=") < 0)
url += "&tbm=dsc"
else{
var urlArray = url.split("&")
for (var i = 0; i < urlArray.length; i++) {
if(urlArray[i].indexOf("tbm=dsc") >= 0)
isPrimary = true;
if(urlArray[i].indexOf("tbm=") >= 0)
urlArray[i] = "tbm=dsc";
};
url = urlArray.join("&");
}

var discussionsLink = $('<a />', {
"class": 'q qs',
"text": 'Discussions',
"href": url
})

var discussions = $('<div />', {
"class": 'hdtb_mitem'
}).append(discussionsLink);

if(isPrimary)
discussions.addClass("hdtb_msel")

$("#hdtb_msb").append(discussions);

var mainLinks = $("#hdtb_msb .hdtb_mitem").detach();
var moreMenu = $("#hdtb_more").detach();
var searchTools = $("#hdtb_tls").detach();

placeLinks(newMainLinks, $("#hdtb_msb"), mainLinks);
placeLinks(newMenu, $("#hdtb_more_mn"), mainLinks);
$("#hdtb_msb").eq(0).css("margin-left", "130px");
if(newMenu.length > 0)
moreMenu.appendTo($("#hdtb_msb"));
searchTools.appendTo($("#hdtb_msb"));
}

function placeLinks( linkArray, target, mainLinks){
i = 0;

while(linkArray.length > 0){
var href = $("a", mainLinks.eq(i)).attr("href");
var testParam = href;
if(href === undefined)
testParam = window.location.href;
if(testParam.indexOf("tbm=isch") >= 0 && linkArray[0] === "images"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("tbm=vid") >= 0 && linkArray[0] === "videos"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("tbm=nws") >= 0 && linkArray[0] === "news"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("tbm=bks") >= 0 && linkArray[0] === "books"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("tbm=dsc") >= 0 && linkArray[0] === "discussions"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("maps.google") >= 0 && linkArray[0] === "maps"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(testParam.indexOf("tbm=app") >= 0 && linkArray[0] === "apps"){
mainLinks.eq(i).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}
else if(linkArray[0] === "web") {
mainLinks.eq(0).appendTo(target);
linkArray.splice(0, 1);
i = 0;
}

i++;
}
}

//do not run in frames or iframes
if(window.top == window.self) {
MutationObserver = window.MutationObserver || window.WebKitMutationObserver
if(MutationObserver) {
var observerAll = new MutationObserver(function(mutations) {
//#hdtb_msb is the container of all buttons
if($('#hdtb_msb').length) {
observerAll.disconnect();
changeLayout();
}
});
//wait until #hdtb_msb exists
observerAll.observe(document, {
attributes: true,
subtree: true
});
}
}

关于javascript - Hook Google 页面结果加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22717303/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com