应用错误收集

如何访问<iframe>中的所有表单？

时间：2018-07-19 21:10:24

标签： javascript google-chrome google-chrome-extension

我想访问网页

内的所有元素，这些元素将这些表单加载到

   </code>，</p>内

<p> <a href="https://i.stack.imgur.com/jG1zT.png" rel="nofollow noreferrer"> <img src =“ https://i.stack.imgur.com/jG1zT。 png“ alt =”在此处输入图片描述“> </a> </p>

<p>然后我在下面创建了此代码，但是没有用。</p>

<p>不是以<code> iframe </code>开头的页面已经可以正常工作了。</p>

<p>如何解决这个问题？</p>

<p> <strong> manifest.json </strong> </p>

<pre> <code> {
  “ name”：“ Chrome Webrequest测试”，
  “ version”：“ 0.1”，
  “ description”：“对Webrequest的测试”，
  “ manifest_version”：2
  “权限”：[
    “标签”，“背景”，“ activeTab”，“ <all_urls>”，“ webNavigation”，“ webRequest”，“ webRequestBlocking”，“ http：// * / *”，“ https：// * / *”， “ *：// * / *”
  ]，
  “背景”： {
    “ scripts”：[“ background.js”]，
    “持续”：真实
  }，
  “ browser_action”：{
        “ default_icon”：“ img / flash128.png”，
        “ default_title”：“ Chrome webrequest”
  }，
    “图标”：{
      “ 48”：“ img / flash48.png”
    }
}
</code> </pre>

<p> <strong> background.js </strong> </p>

<pre> <code> chrome.webRequest.onCompleted.addListener（
     函数OnWebRequestCompleted（）{
      chrome.tabs.executeScript（null，{
       文件：“ Inject.js”
      }，function（）{}）;
     }，{
      网址：[“ <all_urls>”]，
      类型：[“ main_frame”]
     }，[“ responseHeaders”]）;
</code> </pre>

<p> <strong> Inject.js </strong> </p>

<pre> <code> var url = document.URL;

如果（url.indexOf（“ site.com”）！= -1）{

 var form = document.getElementsByTagName（“ form”）;
 var btnclass = document.getElementsByClassName（“ btnClassName”）;
 var inputField = document.getElementsByTagName（'input'）;

 for（var x = 0; x <form.length; x ++）{

  // document.body.addEventListener（'DOMSubtreeModified'，function（）{

  for（var i = 0; i <btnclass.length; i ++）{

   btnclass [i] .addEventListener（'click'，function（e）{

    for（var i = 0; i <inputField.length; i ++）{

     alert（inputField [i] .value）;

    }

   }，错误）；
  }

  //}，为false）；
 }
}
</code> </pre>
    </div>

    <div class="answer-list">
      <h4>1 个答案:</h4>
      
      <div class="hr-line-dashed"></div>
      <p>答案 0 :(得分：0)</p>
      <div class="answer markdown-body">
        <p>您的iframe是其他文档。当前使用<code>document.getElementsBy*</code>的地方，您需要更改为类似</p>

<pre><code>var iframe = document.getElementById(&#39;frameID&#39;);
var innerDoc = iframe.contentDocument
innerDoc.getElementsBy*...
</code></pre>
      </div>
      
    </div>

  </div>

  <div class="right">
    <div style="height:400px">
      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182"
        data-ad-format="auto" data-full-width-responsive="true"></ins>
      <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>


    <div style="height:20px"></div>

    <div class="releated-question-wrapper">
      <div class="header">
        相关问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/11271924">在Frameset中打开XPage文档</a>
        </li>
        
        <li>
          <a href="/q/11707400">如何捕获iframe内部抛出的异常？</a>
        </li>
        
        <li>
          <a href="/q/14451358">如何使用document.getElementById在iframe中选择元素</a>
        </li>
        
        <li>
          <a href="/q/16596925">几乎全屏的html5 iframe？</a>
        </li>
        
        <li>
          <a href="/q/21071828">从另一帧访问一帧中的表单值</a>
        </li>
        
        <li>
          <a href="/q/24744836">Htmlunit访问框架集内部框架内的框架</a>
        </li>
        
        <li>
          <a href="/q/25928053">JavaScript / Jquery：如何从父窗口访问iframe中存在的表单</a>
        </li>
        
        <li>
          <a href="/q/51431753">如何访问&lt;iframe&gt;中的所有表单？</a>
        </li>
        
        <li>
          <a href="/q/51867686">如何将iframe嵌入框架集中？</a>
        </li>
        
        <li>
          <a href="/q/56889871">如何使用iframe广告代码创建全高的“粘性”侧面导航，而不使用不推荐使用的框架集广告代码？</a>
        </li>
        
      </ul>
    </div>



    

    

    <div class="releated-question-wrapper">
      <div class="header">
        最新问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a>
        </li>
        
        <li>
          <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a>
        </li>
        
        <li>
          <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a>
        </li>
        
        <li>
          <a href="/q/68614313">java中的random.expovariate()</a>
        </li>
        
        <li>
          <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a>
        </li>
        
        <li>
          <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a>
        </li>
        
        <li>
          <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a>
        </li>
        
        <li>
          <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a>
        </li>
        
        <li>
          <a href="/q/68614427">每千个数字得到</a>
        </li>
        
        <li>
          <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a>
        </li>
        
      </ul>
    </div>
    <div class="">
    </div>
  </div>
</div>


  <div>
    <script>
      var host = window.location.host;
      if (host == "www.thinbug.com") {
        (function () {
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
        })();
      }
    </script>

    

</body>

</html>