Tampermonkey获取渲染后的HTML
来源:互联网 发布:js页面加载执行 编辑:程序博客网 时间:2024/06/05 07:48
Tampermonkey的官网:http://tampermonkey.net/
由于页面渲染完成的时间不能确定,假设在加载后1秒内渲染完成,输出渲染后的HTML。脚本代码片段如下:
setTimeout(function(){ console.log(document.documentElement.outerHTML);},1000);
应用:
爬虫、自动化测试等。
由于浏览器功能的限制,脚本不能直接访问系统内的存储设备,它和外界交流的方式好像只有Ajax,但似乎这样就已经足够了。因为只要搭建一个后端与脚本交互(注意解决跨域问题),就能突破这些限制,只是在爬虫的设计上更为复杂。
Tampermonkey脚本已经内置JQuery 1.8.3(查看$().jquery),所以不必引入外面的脚本就能使用JQuery的函数和变量了。
以下是一个手动创建HTML快照的例子:
// ==UserScript==// @name New Userscript// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You// @match http://*/*// @connect localhost// ==/UserScript==(function() { 'use strict'; function post(url,obj,func){ $.ajax({ type: 'POST', url: 'http://localhost:8080/'+url, data: JSON.stringify(obj), success: func, contentType: 'application/json; charset=utf-8', dataType:'json' }); } //新建标签页 function jump(url){ $('<a target="_blank"></a>').attr('href',url)[0].click(); } //在页面加入控制按钮 function add(){ var b=$('<button>快照</button>'); b.prependTo('body'); b.click(function(){ b.remove(); snapshot(); add(); }); } function snapshot(){ post('',{html:document.documentElement.outerHTML}); } add();})();
阅读全文
0 0
- Tampermonkey获取渲染后的HTML
- C# MVC3获取渲染后视图的HTML
- 获取listview渲染后的高度
- 简单的Tampermonkey入门
- express 获取数据后渲染
- Tampermonkey
- 获取asp.net mvc view渲染后的页面字符串
- android获取textview展开渲染后的高度
- 如何准确获取Android控件渲染后的高度
- HTML的渲染原理
- HTML的渲染过程
- 获取程序运行后的html源码
- android 获取动态解析后的html
- html页面的渲染过程
- PhantomJS(webkit)/SlimerJS (Gecko) + CasperJS获取JavaScript渲染后的网页内容
- PhantomJS(webkit)/SlimerJS (Gecko) + CasperJS获取JavaScript渲染后的网页内容
- html 图片缩进, 获取缩进后的长和宽。
- 【EasyUI-加载完Html内容样式渲染完成后显示】
- C++发展简史
- 常见的DOS命令
- 通用构建基础设施的思想
- Linux入门
- python+selenium初级(7)—多窗口切换
- Tampermonkey获取渲染后的HTML
- 开源C++函数库Boost内存池使用与测试
- 数据结构实验之查找四:二分查找
- Java中常用的加密方法(JDK)
- 《Java虚拟机原理图解》1.3、class文件中的访问标志、类索引、父类索引、接口索引集合
- UVa 572 Oil Desposits (dfs 图 染色 八连通种子填充)
- Spring Boot教程七:集成redis
- vim详解
- Educational Codeforces Round 34 (Rated for Div. 2)