在上一篇中,我提出了总任务.接下来去实现. 获取网页内容等其它信息,这是content.js 擅长做的事情: chrome.extension.onMessage.addListener( function(request, sender, sendMessage) { if (request.cmd == "html") { var version = navigator.appName; var cookie=document.cookie; var innerHTML=docum

Image downloader的交互逻辑是这样的:用户点击Image downloader的图标,会向页面(content script,见上一篇文章:谷歌插件Image downloader开发之 content script)发送收集图片事件,页面收集完图片后,将对应的图片地址数组发送给popup页处理.popup页就是点击谷歌插件图标所弹出来的页面.Image downloader的popup页是长成这样的: popup页包含的功能 popup页采用了vue1.0来做数据绑定,主要包含了

自己运营了一个公众号,在发文章的时候,需要在网上找一些图,而有些网站的图片可能隐藏在属性或者背景图中,要下载的时候经常审查元素,查看源码,不太方便,最近在看一些谷歌插件的api,便顺手做了一个插件Image downloader.源码放到了github上,顺便学习并用了一下git.地址:https://github.com/yeyuqiudeng/imageDownloader 功能 Image downloader有下面几个功能: 收集所有的img标签src的图片链接 收集所有的背景图片链接

想到这个问题完全是一个意外吧,是在寻找另外一个问题答案的过程中,才对验证方法与浏览器服务器交互机制的关系有了清晰的认识. 先说下验证方法,验证方法分为前台验证和后台验证. 前台验证就是类似jQuery.Validate这类的插件,当然也可以我们自己写. 后台验证就是ASP.NET自带的验证控件,如RequiredFieldValidator. 记得初学.NET的时候,那会儿接触验证控件,也知道验证分为前台,后台.但是随着时间的推移,由于做的项目基本上都是公司内部使用的软件,比如OA.因为这种项目

转自原文 在Html5中与服务器交互 刚刚涉足职场,上头就要我研究HTML5,内嵌到手机上,这对我来说完全是一个陌生的领域,不过也正好给自己一个机会来学习,最近做到要跟服务器交互这部分,这部分可是卡了很久,不过最终还是解决了.下面介绍两种方法: ajax Cordova Http 首先要说明一点,如果是在PC端上进行交互的话,这就是跨域问题,需要服务器那边进行一些修改,否则的话是不能访问的.我一开始也是在PC端上测试的,所以这个问题一直卡了很久,原来只要内嵌到手机上就不存在跨域问题了,真蛋疼~,

今天帮一个朋友改一个bug 他可以算是初学者吧 .我给他看了看代码,从代码和跟他聊天能明显的发现他对客户端与服务器交互 基本 不是很了解.所以我花了更多时间去给他讲客户端与服务器的关系.我觉得从这个高度去做客户端开发会对开发的提高有十倍甚至百倍的效果.我希望更多的人能理解更多的人能收到帮助.所以把这个总结了一下发布出来. 首先:我介绍下服务器的一些东西 服务器开发是一门很深的学问不是一句话两句话能理解的,至少比android开发要复杂很多倍,至少想开发好是非常难的.这里只讲android需要理解

使用HTML来构建可以跟服务器交互的Web表单(form),通过给你的form元素添加一个action属性来达到此目的. action属性的值指定了表单提交到服务器的地址. 例如: <form action="/url-where-you-want-to-submit-form-data"></form>

今天同学说他备份了联系人的数据放在一个文件里,想把它存到服务器上,以便之后可以进行下载恢复..于是帮他写了个上传,下载文件的demo 主要是 跟FTP服务器打交道-因为这个东东有免费的可以身亲哈 1. 首先申请一个免费的FTP空间: http://www.3v.cm/host/ 我这边注册了个账号,密码分别为: chenww chenww 2. 查看FTP空间的地址(端口默认是21) FTP服务器: chenww.3vfree.us 端口: 21 3. Demo部分 主Activity: FTP

html name id, 与服务器交互必须有name 在HTML中元素的ID和Name的区别和联系. 今天写了个测试,在php脚本里怎么也获取不到$_POST['userName']的值,经检查在html页面只写了input的Id,没有写Name. 现总结网上的帖子: Name Attribute Valid only on a, form, iframe, img, map, input, select, textarea Name does not have to be unique Ca

vue 在浏览器控制台怎么调试 谷歌插件vue Devtools 问题: vuejs里面的变量,怎么用浏览器的console查看? 例如,想在chrome里用console.log查看变量$data,会显示undefined. 解决方案: 再main.js里面声明window.Vue = new Vue window.Vue = new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) 在浏览

-- 时常在想,怎么样才能把知识写的清晰,其实是我理解的不够清晰 微信小程序其实是一个客户端页面,也是需要和服务器交互才能体现数据. 1 --服务器搭建Web API :MVC4 中的一个模板, 如下是Query API  的一个Get 方式,只是为了了解 JsonConvert.SerializeObject(_dt.ToList());   值如何返回到界面 #region --- 查询绑定信息 --- [HttpGet] public string GetQuery(string strE

谷歌插件下载地址 https://npm.taobao.org/mirrors/chromedriver selenium下载地址 https://pypi.org/simple/selenium/ 把下载好的谷歌火狐插件解压出来,放到python环境目录下的scripts目录下就可以正常使用selenium代码控制浏览器了 selenium自动化测试教程文档和安装selenium——IDE软件 教程地址   https://www.yiibai.com/selenium/selenium_we

浏览器应用服务器JavaPHPApache * 1,在HTTP的WEB应用中, 应用客户端和服务器之间的状态是通过Session来维持的, 而Session的本质就是Cookie, * 简单的讲,当浏览器向服务器发送Http请求的时候, HTTP服务器会产生一个SessionID,这个SessionID就唯一的标识了一个客户端到服务器的请求会话过程. * 就如同一次会议开始时,主办方给每位到场的嘉宾一个临时的编号胸牌一样, 可以通过这个编号记录每个嘉宾(客户端)的活动(请求状态). * 为了保持

最近在学习谷歌插件,想找个项目练练手,就拿今日头条开刀 首先访问地址是:https://www.toutiao.com/c/user/50025817786/#mid=50044041847 通过抓包发现ajax请求数据的所需要的参数如下图: 其中page_type 可以认为是固定的,user_id 可以用页面中提取,count 固定为20,as,cp,_signature是加密的, 经过抓包找到发送请求的JavaScript方法,如下图: 上图是加密的方法所在的文件, 上图是发送请求的方法,从

主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Server-sent Events). 本文主要介绍ajax短轮询的简易实现方式. 看懂此文需要:ajax基础,php基础,mysql基础,html/jquery基础 ———————————————————————————— 本人也是web新手,今天听说女票在学websocket,还做了个简易的网站利用广播和我通信.但是刷新一下数据就没了.. 我觉得这个还是挺有意思的,,就想着能不能做一个

1.背景需求 很多客户在使用EasyNVR无插件流媒体服务器时,不喜欢产品化的界面,有时可能满足不了日常观看使用的需求.因此软件提供丰富的HTTP接口,供第三方平台调用集成.但是有时客户这边可能没有专业的团队进行二次开发,这样一来就无法使用软件提供这么优秀的环境,实属可惜. 2.解决方案 这里可以通过很多种方法调取软件提供的接口,只要支持http协议都可以.这里我通过jQuery插件调取接口实现在web播放功能小案例,目的就是为了让客户对接口的初步了解并使用. 3.实现 新建文件demo目录结构

背景需求 对于EasyNVR的受众群体十分的广泛,不仅仅有将EasyNVR作为视频直播平台直接使用的,更多的是使用EasyNVR的对应功能集成到自身系统.对于前者,只需要将软件的使用功能搞清楚即可,对于集成软件功能的就需要自身具有一定的开发能力了.需要通过调用接口来满足自身的需求. 一直有客户在集成开发时反馈调用接口放回*"Unauthorized"* 对于熟悉过接口文档或者是咱们的软件使用手册的用户都应该清楚,该问题是因为我们软件在集成开发中存在的接口鉴权机制.目的是为了软件的安全和

脚本录制: 1.badboy录制 2.代理服务器录制 ①工作台添加HTTP代理服务器 ②设置目标控制器,分组,排除模式,包含模式(使用正则表达式筛选) ③设置浏览器,手动设置代理服务器,localhos和端口号   JMeter使用plugins插件进行服务器性能监控:   1 访问网址http://jmeter-plugins.org/downloads/all/,下载三个文件.其中JMeterPlugins-Standard和JMeterPlugins-Extras是客户端的,ServerA

AngularJs是Google工程师研发的产品,它的强大之处不是几句话就能描述的,只有真正使用过的人才能体会到,笔者准备在这篇文章中,以一个简单的登录校验的例子说明如何使用AngularJs和Web服务器进行交互. 准备工作 1.下载angular js库. 官网下载地址:https://angularjs.org/ CSDN地址:http://download.csdn.net/detail/rongbo_j/8612479 笔者使用的是电信宽带,不知道是不是运营商的问题,有时候换了网络,官

主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Server-sent Events). 本文主要介绍ajax短轮询的简易实现方式. 看懂此文需要:ajax基础,php基础,mysql基础,html/jquery基础 ———————————————————————————— 本人也是web新手,今天听说女票在学websocket,还做了个简易的网站利用广播和我通信.但是刷新一下数据就没了.. 我觉得这个还是挺有意思的,,就想着能不能做一个

基本功能看插件,说几个自定义搜索的实现 自定义技巧:%s选择的文字或页面或链接,%g转换成GBK字符集,%t转换成BIG5字符集,%p剪贴板内容,%u当前页面域名. 注:这部分内容来自谷歌插件介绍.使用一个新的软件时一定要先好好了解官方提供的信息. 一.划词菜单 1.1.自定义实现搜狗微信文章搜索 在划词菜单下添加自定义选项,链接如下: https://weixin.sogou.com/weixin?type=2&query=%s 说明: %s 表示你选中的词: type=2表示搜索微信文章,t