chrome content_scripts执行

Chrome浏览器扩展开发系列之十二：Content Scripts

Content Scripts是运行在Web页面的上下文的JavaScript文件.通过标准的DOM,Content Scripts 可以操作(读取并修改)浏览器当前访问的Web页面的内容. Content Scripts通常用于如下场景: 找到Web页面中的无效链接并修复增大字体以突出显示查找并处理DOM中的microformat Content Scripts的使用限制条件: 不能访问如下chrome.* API chrome.extension API chrome.i18n API

[Tool] Chrome内的本地网页，使用XMLHttpRequest读取本地档案

[Tool] Chrome内的本地网页,使用XMLHttpRequest读取本地档案问题情景开发Cordova这类以网页内容作为UI的Hybrid APP时,开发人员可以使用IDE的功能将程序布署到手机或是仿真器来侦错.但是以笔者的经验来说,要检视HTML网页元素.观看CSS样式继承,最顺手的开发者工具还是Chrome.这时如果开发人员选择透过Chrome来模拟Hybrid APP,以档案方式加载本地网页来侦错,并且在网页里使用了XMLHttpRequest来额外加载本地档案(ex:Angu

Google Chrome中的高性能网络(二)

Chrome Predictor的预测功能优化 Chrome会随着使用变得更快. 它这个特性是通过一个单例对象Predictor来实现的.这个对象在浏览器内核进程(Browser Kernel Process)中实例化,它唯一的职责就是观察和学习当前网络活动方式,提前预估用户下一步的操作.下面是一个示例: 用户将鼠标停留在一个链接上,就预示着一个用户的偏好以及下一步的浏览行为.这时Chrome就可以提前进行DNS Lookup及TCP握手.用户的点击操作平均需要将近200ms,在这个时间就可能处

window.location.href("url") 无法在chrome和Firefoxz中使用

今天在js代码中加了一句window.location.href(‘url’)希望实现页面的跳转,IE中可以正常使用,但是Firefox却提示window.location is not a function. google以后将代码改为window.location='url' 程序正常执行. 简言之: 下面的格式可以在IE中正常执行,但是不能在Firefox和Chrome中执行: window.location.href("http://stackoverflow.com"); 下

简单Demo的用户登录JSP界面IE、Firefox（chrome） Enter 键提交表单

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

Headless Chrome：服务端渲染JS站点的一个方案【中篇】【翻译】

接上篇防止重新渲染其实说不对客户端代码做任何修改是忽悠人的.在我们的Express 应用中,通过Puppteer加载页面,提供给客户端响应,但是这个过程是有一些问题的. js脚本在服务端的Headless Chrome 中执行过一次,但是等浏览器拿到真正的结果后,并不会阻止js再次执行,所以这种情况下js会执行两次(客户端一次,服务端一次) 针对我们的例子,我们可以简单的修复一下,我们需要告诉页面,需要的html已经生成了,不需要再次生成了,所以我们可以简单的检测<ul id="pos

javascript执行上的一点总结

今天在为软件工程的的作业准备的时候发现代码执行上的一些问题,暴露了我的一些缺陷,先上代码 <html> <head> <script type="text/javascript"> function he(){ var s=document.getElementById('he').value; alert(s);} he(); </script> </head> <body> <input type=&qu

High Performance Networking in Google Chrome

小结: 1. 小文件存储于一个文件中: 在内部,磁盘缓存(disk cache)实现了它自己的一组数据结构, 它们被存储在一个单独的缓存目录里.其中有索引文件(在浏览器启动时加载到内存中),数据文件(存储着实际数据,以及HTTP头以及其它信息).比较有趣的是,16KB以下的文件存储于共同的数据块文件中(data block-files,即小文件集中存储于一个大文件中),其它较大的文件才会存储到自己专属的文件中.最后,磁盘缓存的淘汰策略是维护一个LRU,通过比如访问频率和资源的使用时间(age

Ubuntu 无界面使用selenium chrome + headless

1. 安装 selenium : sudo pip install selenium 2. 安装 chromdriver: 进入淘宝镜像源下载 chromdriver, 可以查看 notes.txt 文件,看chrome 和ChromDriver 两者相对应的兼容版本 3. 下载chrome : 下载 chromedriver_linux64.zip 4. 将 chromdriver 文件放到线上服务器 /usr/bin/ 下 ,将google-chrome-stable_current_a

[java] 在linux+chrome/firefox上使用java applet

我现在的浏览器用不了java applet,我的环境是archlinux + chrome or firefox. java网站的指引是这样说的按照这些说明操作,以便在 Ubuntu Linux 上的 Web 浏览器中启用 Java. Google Chrome 通过执行以下操作成为超级用户:运行 su 命令,然后输入超级用户口令.键入: sudo -s 如果没有名称为 plugins 的目录,请创建一个.键入: mkdir -p /opt/google/chrome/plugins 创建符号

( function(){…} )()和( function (){…} () )是两种立即执行函数

函数声明:function fnName () {…};函数表达式 var fnName = function () {…};匿名函数:function () {}; fnName(); function fnName(){ alert(12); }//正常,函数声明调用前就已存在,所以函数调用可在函数声明之前 fnName(); var fnName=function(){ alert(123); }//报错,函数表达式,属于按顺序执行,变量fnName还未保存对函数的引用,所以函数调用必须在

[转载]设置Chrome忽略网站证书错误

某些用户可能经常会遇到Chrome浏览器提示网站证书错误的情况,尤其是在Google升级证书检查力度之后,访问Google时已经不能在浏览器界面中忽略证书错误访问. 比如说公司的IT修改过证书就会遇到这种情况. 解决这个问题很简单,只需要修改你平时用来启动Chrome的快捷方式就可以忽略掉证书错误. 具体的操作方法是这样的: 找到你的Chrome快捷方式. 右键图标,选择属性找到"目标"文本框,里面的内容是你的Chrome程序路径,类似这样"C:\Users\Adminis

设置Chrome忽略网站证书错误

本人在XP下使用Chrome.总是莫名其妙的提示整数错误,一部分https网站无法直接访问.网上找了下,把解决思路记录下来. 解决这个问题很简单,只需要修改你平时用来启动Chrome的快捷方式就可以忽略掉证书错误. 具体的操作方法是这样的: 找到你的Chrome快捷方式. 右键图标,选择属性找到”目标”文本框,里面的内容是你的Chrome程序路径,类似这样C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.

Google Chrome中的高性能网络-[译]《转载》

以下内容是"The Performance of Open Source Applications" (POSA)的草稿, 也是The Architecture of Open Source Applications的后继者. POSA囊括了一批针对性能的优化和设计,以及开发过程中的性能管理等内容的论文,预计在2013年春天发售[译注:国内有得等了]. By Ilya Grigorik on January 31, 2013 (翻译:Horky [http://blog.csdn.ne

Python - selenium自动化-Chrome(headless)

什么是 Headless Chrome Headless Chrome 是 Chrome 浏览器的无界面形态,可以在不打开浏览器的前提下,使用所有 Chrome 支持的特性运行你的程序.相比于现代浏览器,Headless Chrome 更加方便测试 web 应用,获得网站的截图,做爬虫抓取信息等.相比于较早的 PhantomJS,SlimerJS 等,Headless Chrome 则更加贴近浏览器环境. Headless Chrome作用为了提高selenium脚本的执行速度,我们可能会考虑

软件-浏览器-GoogleChrome：Google Chrome

ylbtech-软件-浏览器-GoogleChrome:Google Chrome Google Chrome是一款由Google公司开发的网页浏览器,该浏览器基于其他开源软件撰写,包括WebKit,目标是提升稳定性.速度和安全性,并创造出简单且有效率的使用者界面. 软件的名称是来自于称作Chrome的网络浏览器GUI(图形使用者界面).软件的beta测试版本在2008年9月2日发布,提供50种语言版本,有Windows.OS X.Linux.Android.以及iOS版本提供下载.谷歌将在谷歌

High Performance Networking in Google Chrome 进程间通讯(IPC) 多进程资源加载

小结: 1. 小文件存储于一个文件中: 在内部,磁盘缓存(disk cache)实现了它自己的一组数据结构, 它们被存储在一个单独的缓存目录里.其中有索引文件(在浏览器启动时加载到内存中),数据文件(存储着实际数据,以及HTTP头以及其它信息).比较有趣的是,16KB以下的文件存储于共同的数据块文件中(data block-files,即小文件集中存储于一个大文件中),其它较大的文件才会存储到自己专属的文件中.最后,磁盘缓存的淘汰策略是维护一个LRU,通过比如访问频率和资源的使用时间(age

学习笔记：URL Protocol在浏览器中打开本地应用程序

看到阿里的网站上可以通过点击卖家的旺旺图标从而调用本地的阿里旺旺程序,而且还可以传递当前浏览者需要咨询的商品.这是怎么实现的呢?是通过URLProtocol来完成. 原理还没有太清楚,即在系统里注册一个URL Protocol,当浏览器页面触发时调用这个本地应用程序: 1.在注册表的HKEY_CLASSES_ROOT根下面写入一个项目mini188,并建立子项目,如下图所示: 2.然后在command键下面的默认值中写入exe的位置信息: 3.创建一个html页面,代码如下: <html> &

jQuery 树形菜单

树形菜单在 jQuery easyu中其左侧的主菜单使用的是 easyui 中的 tree 组件,不是太熟悉,不过感觉不是太好用. 比如 easyui 中的 tree 需要单击分叉节点前的小三角,才能够展开或关闭节点.另外,它还必需要求浏览器在兼容模式下才能正常使用(这个项目中使用的 easyUI 是 1.2.2 版本,新版的 Tree 不存在该问题),很是不方便. 想修改又无从下手,所以有单独写一个简单的树形菜单的想法,趁下班的时间,抽空写了一个简单的JS文件,基于jQuery1.6版本的

js中数组去除重复项目

js语法技巧:if(a>=5) alert(); 可以改写成下边语句: a>=5&&alert(); 在下文中会用到这种写法 // for循环删除后面重复的速度最快,可用倒序计算可加快速度 var uniqueFor = function(arr) { for (var i = 0; i < arr.length - 1; i++) { var item = arr[i]; for(var j = i+1; j < arr.length; j++ ) { i

发布两款JQ小插件（图片查看器 + 分类选择器），开源

图片查看器,github地址:https://github.com/VaJoy/imgViewer 效果如下: 这款当初大概写了2小时,有点匆忙地赶出来的,使用的接口很简单: $.bindViewer(".viewer-item"); 它的实现其实也没啥复杂的原理,唯一觉得可说的地方是图片展开的过程 —— 从小变大动态过程的实现.主要是靠这一段代码实现的: $(this).css({"top": win_h / 2 + sroll_t, "margin-l

chrome content_scripts执行

热门专题