如何创建一个扩展/脚本/程序来刷新浏览器,直到找到或找不到某个短语/关键字?

时间:2013-03-21 14:57:06

标签: browser google-chrome-extension refresh

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

例如,假设我创建了一个网站,通过单词“One”,“Two”和“Three”使用随机函数进行循环。

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

OR

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

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

如果没有这样的东西,有关如何编写这种程序的任何想法?使用什么工具来做到这一点?

1 个答案:

答案 0 :(得分:0)

您可以非常轻松地编写扩展程序来执行此操作。我建议您不要每次刷新页面,而是轮询数据,直到获得所需的结果,然后在找到页面后刷新页面。使用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>

<强> Popup.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
    });
  });
});

<强> bgp.js

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);
}

如果每次刷新标签都是必需的(内容会在找到您要查找的内容和刷新页面之间发生变化),那么您应该使用content scripts来测试所需的内容如果所需的文本不在那里刷新页面并重新开始,则将值发送到后台页面。像这样:

<强> bgp.js

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);
        });          
      }
    });
  });    
}

<强> checkText.js

chrome.extension.onMessage.addListener(function(message,sender,sendResponse){
  var contains = $(':contains('+message.text+')');
  if(contains.length > 0)
   sendResponse({contains:true});
  else
   sendResponse({contains:false});
});