Browser 如何制作一个扩展/脚本/程序来刷新浏览器,直到找到或没有找到某个短语/关键字?

Browser 如何制作一个扩展/脚本/程序来刷新浏览器,直到找到或没有找到某个短语/关键字?,browser,google-chrome-extension,refresh,Browser,Google Chrome Extension,Refresh,是否有任何程序/扩展,我可以使用浏览器刷新网页,搜索某个短语或文本,然后在找到或未找到该短语时停止 例如,假设我创建了一个网站,使用随机化器循环使用单词“一”、“二”和“三” 这个程序将刷新页面,直到找到单词“三”,如果我将其设置为查找该单词,然后在找到该单词后停止 或 如果我将其设置为查找该单词,则该程序将刷新页面,直到找不到单词“三”,然后在找不到该单词时停止 我知道我们可以使用curl和grep来实现这一点,但是网页并没有加载到webbrowser上。这不是我想要的。看看是否有我们也可以在

是否有任何程序/扩展,我可以使用浏览器刷新网页,搜索某个短语或文本,然后在找到或未找到该短语时停止

例如,假设我创建了一个网站,使用随机化器循环使用单词“一”、“二”和“三”

这个程序将刷新页面,直到找到单词“三”,如果我将其设置为查找该单词,然后在找到该单词后停止

如果我将其设置为查找该单词,则该程序将刷新页面,直到找不到单词“三”,然后在找不到该单词时停止

我知道我们可以使用curl和grep来实现这一点,但是网页并没有加载到webbrowser上。这不是我想要的。看看是否有我们也可以在浏览器上加载的解决方案


如果不存在这样的东西,你知道如何编写这种程序吗?使用什么工具来实现这一点?

您可以非常轻松地编写扩展来实现这一点。我建议不要每次都刷新页面,而是轮询数据直到获得所需结果,然后在找到数据后刷新页面。使用jQuery的一个简短示例,因为我熟悉它:

Manifest.json

{
 "name": "Find Text",
 "version": "0.1",
 "description": "Find Text",
 "manifest_version": 2,
 "browser_action": {
   "default_icon": "on.png",
   "default_popup": "popup.html" 
 },
 "permissions": [
   "tabs","http://*/*","https://*/*"
 ],
 "background": {
    "scripts": ["bgp.js","jquery-1.8.3.min.js"],
    "persistent": true
 }
}
Popup.html

<!DOCTYPE html> 
<html>
  <head>
    <style>
      body { width: 300px; }
    </style>
    <script src="jquery-1.8.3.min.js"></script>
    <script src="popup.js"></script>
  </head>
  <body>
    <div>Desired Search Url</div>
    <input type="text" id="searchUrl">
    <div>Desired Search Text</div>
    <input type="text" id="searchText">
    <button id="searchButton">Search</button>
  </body>
</html>
bgp.js

$(function(){
  var tabId;
  chrome.tabs.query({active:true,currentWindow:true}, function(tab) {
    $('#searchUrl').val(tab[0].url);
    tabId = tab[0].id;
  });
  $('#searchButton').click(function(){
    chrome.extension.sendMessage({
      url:$('#searchUrl').val(),
      text:$('#searchText').val(),
      tab:tabId
    });
  });
});
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkUrlForText(message.url,message.text,message.tab);
});
function checkUrlForText(url,text,tab){
  var contains;
  $.ajax({
    url:url,
    async:false, 
    success: function(data){
      contains = $(':contains('+text+')',data);
      while(contains.length == 0){
        $.ajax({
          url:url,
          async:false,
          success: function(dat){
            contains = $(':contains('+text+')',dat);
          }
        });
      }
    }
  });
  chrome.tabs.reload(tab);
}
var contains;
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkTabForText(message.text,message.tab);
  contains = false;
});
function checkTabForText(text,tab){
  chrome.tabs.executeScript(tab,{file:"jquery-1.8.3.min.js"});
  chrome.tabs.executeScript(tab,{file:"checkText.js"},function(){
    chrome.tabs.sendMessage(tab, {text:text}, function(response){
      contains = response.contains;
      if(!contains){
        chrome.tabs.reload(tab,function(){
          checkTabForText(text,tab);
        });          
      }
    });
  });    
}
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  var contains = $(':contains('+message.text+')');
  if(contains.length > 0)
   sendResponse({contains:true});
  else
   sendResponse({contains:false});
});
如果要求每次都刷新选项卡(内容在找到您要查找的内容和刷新页面之间会发生变化),那么您应该使用来测试所需的值,并在没有所需文本时向后台页面发送消息以刷新页面并重新开始。像这样:

bgp.js

$(function(){
  var tabId;
  chrome.tabs.query({active:true,currentWindow:true}, function(tab) {
    $('#searchUrl').val(tab[0].url);
    tabId = tab[0].id;
  });
  $('#searchButton').click(function(){
    chrome.extension.sendMessage({
      url:$('#searchUrl').val(),
      text:$('#searchText').val(),
      tab:tabId
    });
  });
});
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkUrlForText(message.url,message.text,message.tab);
});
function checkUrlForText(url,text,tab){
  var contains;
  $.ajax({
    url:url,
    async:false, 
    success: function(data){
      contains = $(':contains('+text+')',data);
      while(contains.length == 0){
        $.ajax({
          url:url,
          async:false,
          success: function(dat){
            contains = $(':contains('+text+')',dat);
          }
        });
      }
    }
  });
  chrome.tabs.reload(tab);
}
var contains;
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkTabForText(message.text,message.tab);
  contains = false;
});
function checkTabForText(text,tab){
  chrome.tabs.executeScript(tab,{file:"jquery-1.8.3.min.js"});
  chrome.tabs.executeScript(tab,{file:"checkText.js"},function(){
    chrome.tabs.sendMessage(tab, {text:text}, function(response){
      contains = response.contains;
      if(!contains){
        chrome.tabs.reload(tab,function(){
          checkTabForText(text,tab);
        });          
      }
    });
  });    
}
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  var contains = $(':contains('+message.text+')');
  if(contains.length > 0)
   sendResponse({contains:true});
  else
   sendResponse({contains:false});
});
checkText.js

$(function(){
  var tabId;
  chrome.tabs.query({active:true,currentWindow:true}, function(tab) {
    $('#searchUrl').val(tab[0].url);
    tabId = tab[0].id;
  });
  $('#searchButton').click(function(){
    chrome.extension.sendMessage({
      url:$('#searchUrl').val(),
      text:$('#searchText').val(),
      tab:tabId
    });
  });
});
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkUrlForText(message.url,message.text,message.tab);
});
function checkUrlForText(url,text,tab){
  var contains;
  $.ajax({
    url:url,
    async:false, 
    success: function(data){
      contains = $(':contains('+text+')',data);
      while(contains.length == 0){
        $.ajax({
          url:url,
          async:false,
          success: function(dat){
            contains = $(':contains('+text+')',dat);
          }
        });
      }
    }
  });
  chrome.tabs.reload(tab);
}
var contains;
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  checkTabForText(message.text,message.tab);
  contains = false;
});
function checkTabForText(text,tab){
  chrome.tabs.executeScript(tab,{file:"jquery-1.8.3.min.js"});
  chrome.tabs.executeScript(tab,{file:"checkText.js"},function(){
    chrome.tabs.sendMessage(tab, {text:text}, function(response){
      contains = response.contains;
      if(!contains){
        chrome.tabs.reload(tab,function(){
          checkTabForText(text,tab);
        });          
      }
    });
  });    
}
chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  var contains = $(':contains('+message.text+')');
  if(contains.length > 0)
   sendResponse({contains:true});
  else
   sendResponse({contains:false});
});