两个网站如何通过脚本搜索？

[StrollStars]

@7peanuts 两个网站帮忙看下：

• https://www.9dups.com/app/index.html

let input = document.querySelector('#search');
input.value = searchTerms;
document.querySelector('#submitSearch').click();

感觉元素是对的，就是没用。

• https://kkkanba.com/

let input = document.querySelector('[name="s"]');
input.value = searchTerms;
document.querySelector('form > div > button').click();

没效果，不知该怎么写。

[ssborbis]

I haven't been able to view the first page, but the second page appears to always be loading. The search scripts run once the page is idle. Try stopping the page load and see if the script executes. That is working for me on the latest code.

[StrollStars]

@ssborbis Regarding the second website:
Do you mean that my script code is fine?
Is your latest code referring to version 1.48.3?
The page loaded quickly for me (though it seems some elements failed to load), so the console doesn’t show the process—only the lack of effect on the webpage.

[ssborbis]

I think the code is fine. The issue seems to be a page load conflict. You can try adding alert('hello world'); or something to the top of your script and see that it's not actually executing. For me, the reason seems to be an extended page load time and the document never being idle. The script engine waits for the page to be loaded so any references to elements in the page should actually be there when the script executes.

I've had mixed results between browsers, so there might be something else going on like a subtle redirect, but the page load timing is clearly an issue on my end. You might be seeing something different, though.

[StrollStars]

I changed the code to alert('hello world') and deleted the other content, but nothing happened.
However, I feel that the page has loaded. Is there a way to verify this?

[ssborbis]

I can take another look at it. You might be able to check if the onload event has fired, or maybe the readyState https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState

[ssborbis]

The page is definitely still loading. I'm seeing if there's anything I can do to inject content scripts earlier.

[StrollStars]

@ssborbis 进行了以下尝试，这是页面加载完了，但没触发onload事件？

• 控制台勾选Preserve log，输入

(()=>{
  const t = performance.now();
  window.addEventListener('load', ()=>{
    console.log(`[onload] 已触发，距代码注册约 ${(performance.now()-t).toFixed(1)} ms`);
  });
  console.log('[onload] 监听器已注册，请刷新页面…');
})();

Enter后刷新页面，没有显示内容。

• 在上一步基础上，控制台输入document.readyState，显示complete。

[ssborbis]

I think the problem is with the webextension API, not the browser + javascript. There seems to be some issue with the browser.tabs.onUpdated listener. This is what triggers the content scripts from this extension to get injected into a webpage. The current logic is to wait until a web page is fully loaded before executing a script. This prevents a script from trying to run before the necessary elements on the page have loaded (web forms, search bars, buttons, etc). But for some reason, the extension is only getting the complete event some times, and usually after a long delay. I don't think there's anything you can do in a script to get it working correctly until I can figure out why the backend code isn't working. I'll keep you posted.