谷歌浏览器

小技巧:如何突破某些网站只能登陆后才能进行文字拷贝的限制

时间秒杀一切 提交于 2019-12-04 01:59:48
我写公众号文章时,经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“SAP Fiori 2.0用户体验设计概念获红点大奖”进行拷贝。 然而当我按了键盘上的拷贝快捷键Ctrl C后,却收到这个提示,告诉我只有登陆后才能够进行复制操作。 可是为了登陆我得先注册,有点麻烦。如果赶时间的话,可以使用这篇文章的小技巧,达到不用先注册再登陆,也能任意拷贝网页文字的效果。 下面是详细步骤。 1. 和往常一样打开您想复制文字的网页,先不忙按Ctrl C。按F12打开Chrome浏览器的开发者工具。 切换到Network标签页。为了避免干扰,先点Clear按钮把Network标签页下的网络请求全部清除掉。最后如下图所示: 2. 和往常一样,点击复制的快捷键Ctrl C。此时看到了意料之中的登陆框。然而我们关心的是:到底是哪一行JavaScript代码触发了这个登陆框? 从Chrome开发者工具的Network标签页里,我们找到了答案。 首先在Network标签页里我们找到了登录对话框的实现文件artlogin.html。接着,把鼠标放到下图标注了“2”的VN1134:1,Chrome开发者工具就会自动在一个悬浮窗口里显示出到底是哪一行JavaScript产生了artlogin.html的加载。答案就是标注了“3”的几个函数。这几个函数是以调用栈的方式显示的。

解决Chrome启动和加载网页变慢的问题

℡╲_俬逩灬. 提交于 2019-12-04 01:43:28
一直以来Chrome浏览器给我的感觉就是速度非常快,但是最近发现我电脑上的Chrome加载速度明显变慢了,为了验证是不是由于网络问题导致的速度慢,我还专门在Edge和IE浏览器上测试打开同一个网页,发现Chrome的速度真的慢了不少。想到最近在Chrome上新装了一个扩展插件,因此怀疑是那个扩展插件捣的鬼,验证方法: 在Chrome下按:Shift + Esc键,进入Chrome的任务管理器,观察当前占用内存空间最大的扩展插件。然后依次点击: 更多工具 --> 扩展程序 ,将占用内存空间最大的扩展插件关闭,在需要使用的时候再重新打开(建议将暂时用不到的都关闭)。重新启动Chrome,速度明显提高了 :) 来源: https://www.cnblogs.com/helloHKTK/p/11827312.html

一次排查页面重复请求的经历

夙愿已清 提交于 2019-12-04 01:37:07
前段时间重构一个页面,页面中存在通过第三方JavaScript代码插入的动态广告(正常的产品需求),上线后发现第三方的广告资源存在重复请求的问题。由于控制广告插入的JavaScript代码由第三方提供,我们只负责按照他们要求的方式引入即可,所以对JavaScript代码内容并不了解,在这种情况下开始了艰难的排查过程。虽困难重重,但最终还是找到了原因,在此过程中有些收获,现将排查过程抽象如下: 注:以下过程和截图皆在Chrome浏览器中进行。 一、代码 <div id="container"> <iframe src="/iframe-1" frameborder="0"></iframe> <iframe src="/iframe-2" frameborder="0"></iframe> <iframe src="/iframe-3" frameborder="0"></iframe> </div> <script> document.getElementById('container').innerHTML += '<p>上面是iframe</p>'; </script> 代码大意:页面上先渲染3个iframe(目前页面插入广告仍然以iframe作为主要实现形式),然后在最后一个iframe后面追加一个p元素 二、现象 1.页面:渲染正常 2.Network:存在重复的异常请求

Chrome插件开发(四)

自闭症网瘾萝莉.ら 提交于 2019-12-03 23:08:53
在前面我们编写了三个比较实用的插件,在实际工作中,我们还会使用很多其他的插件,比如掘金,Pocket之类的,我们可能需要经常启用或禁用插件或者删除插件,如果每次都要点到更多工具->扩展程序中去做这些操作,会相当烦躁,本节我们将实现一个可以方便管理插件的插件,我们先看看插件运行的截图: 插件实现了对其他插件的启用/禁用/移除等功能,下面我们来说一下如何实现这个插件。 老规矩,在正式开始编写之前,我们先了解一下需要使用到的API: 1、chrome.management.getAll 返回所有已安装的扩展 2、chrome.management.get 根据ID获取某一个插件的详细信息 3、chrome.management.setEnabled 启用/禁用一个插件 4、chrome.management.uninstall 从已经安装列表中移除一个插件 关于chrome.management相关API的使用方法,可以参考: http://open.chrome.360.cn/extension_dev/management.html 由于我们使用了chrome.management相关API,所以我们需要在manifest.json文件中申请management权限。 接下来我们就开始编写插件,首先我们需要渲染出插件列表,当然要排除自身,不然一不小心禁用或移除了自身,那还管理个毛

Python selenium Message: session not created: This version of ChromeDriver only supports Chrome version 76

百般思念 提交于 2019-12-03 22:37:50
错误提示:消息:会话未创建:此版本的ChromeDriver仅支持Chrome版本76 原因是Chrome 自动升级,导致ChromeDriver版本没有与Chrome同步,需要更新ChromeDriver ChromeDriver下载地址: http://npm.taobao.org/mirrors/chromedriver 找到与Chrome相同的版本,下载后放入 Chrome安装文件夹一份,以及python环境一份即可 来源: https://www.cnblogs.com/Alex-Mercer/p/11809922.html

Chrome简洁高效管理下载项

萝らか妹 提交于 2019-12-03 20:22:17
每次要查看下载记录时,Chrome新建下载标签页的速度能让我抓狂 之前用的 Chrono 界面太过传统,而且还不能点击打开。所以一直在寻找好用的下载管理插件,经过多次在拓展商城搜索比对,找到了这款拓展插件,虽然大大的好评按钮关不掉,但总体还是满意的 Download Manager Pro 一款好用的 下载管理扩展 Download Manager Pro 是一款简洁高效的下载管理插件。 轻量化 :不必担心会让您的浏览器变慢。 简洁高效 :各种功能一目了然。通过一次点击就能达到您的目的。 美观 :界面统一整洁,十分漂亮。 易于使用 :就算是小孩子也能简单上手。 安全和隐私 :不存在任何外部调用,仅仅依赖于chrome自带接口。 一点就出来 了,再也 不用跳转 进入Chrome下载页,查看下载内容了。爽歪歪 下载完成后 单击就可以打开 哦 管理下载项 安装 Chrome应用商店 : https://chrome.google.com/webstore/detail/fmgaogkbodhdhhbgkphhbokciiecllno 离线安装 :关注公众号【极客收藏夹】回复消息【12】 获取安装包,离线安装教程请移步【如何离线安装Chrome插件】 https://mp.weixin.qq.com/s/OdM2-prGGz4x5r7Z6L0r9g 更多 更多优秀内容,请 关注微信公众号

5分钟学会开发浏览器扩展

可紊 提交于 2019-12-03 17:31:51
写在前面 做web开发的同学,经常会用到各种chrome浏览器插件,那么我们寄几怎么开发一个插件呢(其实是浏览器扩展)?其实很简单,你意想不到的简单。只要有web开发基础,会写基本的html,css和js就可以做。 那面就跟着我一起开始吧! 1.创建项目 首先新建一个文件夹,比如叫 plugin-demo mkdir plugin-demo cd plugin-demo/ 2.manifest.json chrome浏览器对插件基本要求就一个,就是要有一个manifest.json的文件。这个文件内容如下: { "name": "plugin-demo", "version": "0.9.0", "manifest_version": 2, "description": "chrome plugin demo", "browser_action": { "default_icon": "icon.png", "default_title": "5分钟学会开发浏览器插件", "default_popup": "popup.html" } } 这只是一个最基本的配置,详细的配置参看 这里 . 3.创建界面 我们注意到,在manifest.json的配置中,有一个default_popup的选项,它的值是 popup.html,所以我们需要新建这么一个页面。 在当前项目下新建 popup

Chrome 手动安装.crx插件

自闭症网瘾萝莉.ら 提交于 2019-12-03 17:25:55
将 .crx 的文件的扩展名改为 .zip ,并解压到指定的文件夹(这个文件夹不能删除, 例如解压到了test文件夹) 打开Chrome浏览器,地址栏输入 chrome://extensions/ , 勾择开发者模式,点击'加载已解压的扩展程序' 选择你刚刚.zip`文件解压所在的test文件夹,点击确定。扩展程序列表出现你导入的扩展程序即为成功。 来源: https://www.cnblogs.com/lyt598/p/11804697.html

Chrome插件开发(三)

不打扰是莪最后的温柔 提交于 2019-12-03 17:05:29
在日常工作中,我们可能经常需要在手机端测试我们所做的页面,如果每次在手机端测试都手输网址,网址短的还好,如果长的网址也需要一个字母一个字母去敲,那无疑是一场噩梦,试想我们有一个工具只需要点击一个按钮就可以将当前网址生成二维码,而手机端仅仅需要扫一扫就可以打开我们想要测试的网址,是不是很美好呢?下面我们就自己动手从零开始实现一个生成当前网址二维码的插件。在开始编写之前,我们需要先做一点点知识预备: 1、我们之前在讲基础知识的时候有提到browser_action和page_action这两个东西,前者是表示这是一个浏览器行为,其图标显示在地址栏右侧,而后者表示这是一个页面行为,其图标现在在地址栏后面,当然在现在的浏览器上是看不出来这个区别的,他们两个不能同时定义,那么网址二维码生成是一个浏览器行为还是一个页面行为呢?就其行为而论网址二维码生成是将页面的网址生成二维码,所以毫无疑问它应该是一个页面行为。 2、我们需要使用到的API: (1)chrome.pageAction.show 在特定标签特定行为情况下显示页面行为的图标,与之对应的还有chrome.pageAction.hide,在特定标签特定行为下隐藏页面行为的图标,使用方式: 1 chrome.pageAction.show(tabId); 2 chrome.pageAction.hide(tabId); (2)chrome

Selenium XPath

孤街浪徒 提交于 2019-12-03 14:33:16
selenium 1、selenium是什么呢? selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法执行javaScript代码的问题。 它可以做什么呢?它可以用几行代码,控制浏览器,做出自动打开、输入、点击等操作,就像是有一个真正的用户在操作一样。 selenium允许让人去手动输入验证码,然后把剩下的操作交给机器。 而对于那些交互复杂、加密复杂的网站,selenium问题简化 ,爬动态网页如爬静态网页一样简单。 安装 pip install selenium # Windows电脑安装selenium selenium的脚本可以控制所有常见浏览器的操作,在使用之前,需要安装浏览器的驱动。 我推荐的是Chrome浏览器,打开下面的链接,就可以下载Chrome的安装包了,Windows和Mac都有。 国内镜像网站地址: http://npm.taobao.org/mirrors/chromedriver/2.38/ 设置浏览器引擎 下载chromed浏览器驱动: 把下载好的chromedriver.exe放到python安装路径的scripts目录中即可,注意最新版本是2.38,并非2.9 和以前一样,使用一个新的Python库,首先要调用它。selenium有点不同,除了调用,还需要设置浏览器引擎。 #本地Chrome浏览器设置方法