Chrome控制台设置输入框值未生效，YouTube音频下载脚本故障

你的核心问题是直接修改输入框的value属性不会触发网站监听的输入事件——很多网站会通过input、change这类事件感知用户输入，单纯改value网站根本不会识别到内容变化。另外跳转页面后原脚本上下文会失效，必须等新页面加载完成再执行后续操作。

下面是修正后的脚本，直接在Chrome控制台运行即可：

// 跳转到目标页面，等待页面加载完成后执行后续逻辑
window.location.href = 'https://youtubetoaudio.com/youtubetomp3';

// 监听页面DOM加载完成事件
window.addEventListener('DOMContentLoaded', () => {
  const input = document.querySelector('#videoinput');
  if (!input) return;

  // 设置输入框值
  input.value = 'https://www.youtube.com/watch?v=mzeIbIFnzc4&list=WL&index=7';
  
  // 手动触发input事件，模拟用户手动输入的行为，让网站检测到值变化
  input.dispatchEvent(new Event('input'));
  
  // 给网站留处理输入的时间，再点击搜索按钮
  setTimeout(() => {
    document.forms[0].searchbtn.click();
    
    // 等待搜索结果加载完成后，点击MP3下载按钮
    setTimeout(() => {
      const downloadBtn = document.querySelector('#MP3 button');
      if (downloadBtn) downloadBtn.click();
    }, 3000); // 可根据网站加载速度调整延迟时间
  }, 1000);
});

关键修复说明： #

• 用DOMContentLoaded确保页面所有元素加载完成后再操作，避免出现找不到元素的报错。
• 设置value后触发input事件，让网站的监听逻辑感知到输入内容，这是解决搜索失效的核心。
• 嵌套setTimeout是为了适配网站的异步处理流程：输入处理、搜索请求、结果加载都需要时间，直接连续点击会因为元素未就绪或未处理完而失效。

如果固定延迟不够可靠，也可以用MutationObserver监听下载按钮的出现，替代固定延迟：

window.location.href = 'https://youtubetoaudio.com/youtubetomp3';

window.addEventListener('DOMContentLoaded', () => {
  const input = document.querySelector('#videoinput');
  if (!input) return;

  input.value = 'https://www.youtube.com/watch?v=mzeIbIFnzc4&list=WL&index=7';
  input.dispatchEvent(new Event('input'));
  
  setTimeout(() => {
    document.forms[0].searchbtn.click();
    
    // 监听页面变化，直到MP3下载按钮出现
    const observer = new MutationObserver((mutations) => {
      const downloadBtn = document.querySelector('#MP3 button');
      if (downloadBtn) {
        downloadBtn.click();
        observer.disconnect(); // 找到按钮后停止监听
      }
    });
    
    observer.observe(document.body, { childList: true, subtree: true });
  }, 1000);
});

内容的提问来源于stack exchange，提问作者Alan Gervin