chrome插件获取页面html,chrome扩展实现获取网页数据的功能

场景:某网站后台管理员页面,有几万会员数据,但列表页面每次只能显示20个,通过F12可以得知列表是通过RPC调用,然后解析Json串在前端进行展示渲染的,现要获取所有会员信息,因后台没有导出功能,如果一页一页翻看并拷贝粘贴,那肯定是一件极其繁琐无聊的事情;

解决过程:最先想到的是编写一个web程序,然后通过httpclient调用RPC,带上cookiee及参数,但是调用时发现无法通过用户认证;换个思路,既然后端请求有权限验证问题,那就让请求直接在浏览器发起,自动化测试工具及chrome扩展都可以发起浏览器请求,网上搜了下 chrome扩展,本以为很难,看了下 chrome已定义好框架,往里面塞内容即可,如果不涉及高级功能其实还是挺简单的,下面记录下编写的步骤;

chrome扩展基本文件包括 manifest.json,background.js,content.js,popup.html

编写步骤:

1.新建manifest.json,该文件是主要配置文件,包含资源定义及配置信息,这里只要配置即可未涉及功能实现;

{

"manifest_version": 2,

"name": "GetMobile",

"version": "1.0",

"description": "get youzan mobile",

"content_security_policy": "script-src 'self'",

"browser_action": {

"default_icon": "icon.png",//扩展的图表

"tooltip": "my extentions"

},