谷歌浏览器

Chrome浏览器扩展开发系列之二:Google Chrome浏览器扩展的调试

試著忘記壹切 提交于 2019-12-27 02:23:26
1) 查看扩展程序的详细信息和ID 通过Chrome 浏览器的“ 工具 -> 更多工具-> 扩展程序”,打开chrome://extensions 页面,选中右上角的“开发者模式”,可以查看扩展程序的详细信息(如名称、概述、占用空间大小、版本和权限等)和ID 。 2) 查看扩展程序的popup页面 通过Chrome 浏览器的“工具 -> 更多工具-> 扩展程序”,打开chrome://extensions 页面,选中右上角的“开发者模式” (必须在开发者模式下才能够看到调试菜单项) ,这时右键单击地址栏右侧的扩展程序图标,选择“审查弹出内容Inspect popup ”,将会打开Developer Tools 窗口,其中可以查看或跟踪popup.html 页面的所有相关资源,包括js 、DOM 和CSS ,如下图所示。同时显示出popup.html 页面。 在Developer Tools窗口中,调试常用的有Elements、Sources和Console面板。 通过Elements面板,可以对照显示的页面查看页面的组成元素。 通过Sources面板,可以打开所有涉及的js文件,并设置断点,还可以Watch相关的js表达式。跟踪调试过程中,F11键可以单步调试,Shift+F11键可以跳过当前运行的函数,F8键可以恢复运行。 通过Console面板,可以查看JavaScript代码

Win下最爱效率利器:AutoHotKey

时光毁灭记忆、已成空白 提交于 2019-12-27 00:11:09
AutoHotkey 是一个windows下的开源、免费、自动化软件工具。它由最初旨在提供键盘快捷键的脚本语言驱动(称为: 热键 ),随着时间的推移演变成一个完整的脚本语言。但你不需要把它想得太深,你只需要知道它可以简化你的重复性工作,一键自动化启动或运行程序等等;以此提高我们的 工作效率 ,改善 生活品质 ;通过按键映射,鼠标模拟,定义宏等。 如觉此处排版不尽如你意,可移步 Win下最爱效率神器:AutoHotKey 查看,(^^)。 如要问__AutoHotKey__是什么?这是一个仁者见仁,智者见智的问题。你可以将其看作是一个热键增添器,也可以当成改键器/屏幕录制器,或者是游戏热键外挂等等。你可以在 AutoHotkey 擅长什么? 得到一个方向;笔者这里只是介绍一些粗浅却很实用的用法,与诸君分享。 下载安装AutoHotkey 在浏览器中输入网址 http://www.autohotkey.com/ 进入AutoHotkey的官网,点击“download”下载即可将AutoHotkey保存到本地磁盘。接着双击点击安装就可以了。 建立AutoHotkey脚本 安装完成后默认会在系统盘的“本地文档”下创建一个"AutoHotkey.ahk"脚本,双击以后我们会看到任务栏右下角有个图标,就表示它在运行了[如下图标注处所示]。我们在里面写入相应的映射代码然后右击选择" reload

chrome 插件开发工程

半城伤御伤魂 提交于 2019-12-27 00:01:08
从github找到Extension Boilerplate插件项目,示例丰富,插件支持Chrome, Opera & Firefox。 我在此基础上更新依赖包到最新版本,根据gulp4语法更新gulpfile.babel.js。能够成功打包。 写此记录学习历程。github地址 https://github.com/jahson88/chrome-ext-template 依赖包版本如下: "babel-core": "^6.26.0", "babel-preset-es2015": "^6.1.2", "babelify": "^7.3.0", "browserify": "^14.1.0", "cross-env": "^3.2.4", "event-stream": "^3.3.4", "gulp": "^4.0.2", "gulp-babel": "^8.0.0", "gulp-clean": "^0.4.0", "gulp-eslint": "^6.0.0", "gulp-if": "^3.0.0", "gulp-livereload": "^4.0.2", "gulp-load-plugins": "^2.0.1", "gulp-merge-json": "^1.3.1", "gulp-plumber": "^1.2.1", "gulp-rename": "^1.2

WebRTC Demo - getUserMedia()

浪子不回头ぞ 提交于 2019-12-26 22:29:51
WebRTC介绍 WebRTC提供三类API: MediaStream,即getUserMedia RTCPeerConnection RTCDataChannel getUserMedia 已经由Chrome, Opera和Firefox支持。 RTCPeerConnection 目前则由Chrome, Opera和Firefox支持。Chrome和Opera提供的接口名字为webkitRTCPeerConnection,Firefox则命名为mozRTCPeerConnection。 RTCDataChannel 则只有Chrome 25, Opera 18和Firefox 22及以上版本才支持。 一个WebRTC应用需要做如下几件事情 : 获取流(Streaming),包括音频,视频,以及其它数据 获取网络信息,如IP和端口(PORT),并与其它WebRTC Client交换信息,有的时候还需要穿越防火墙或NAT 信令(Signaling),用于报告错误、初始化或关闭会话 交换多媒体以及Client的支持能力信息,比如分辩率、编解码信息等 流通信 MediaStream(getUserMedia) 每一个MediaStream都有一个输入(Input)和输出(Output)。输入可以是由navigator.getUserMedia()生成的多媒体流

三八节我靠这一招让她开心似女皇

主宰稳场 提交于 2019-12-26 13:59:17
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 作为一个有割掉的程序员,对不起,这里应该是格调,酒喝多了有些糊涂。 好吧我们重来一遍。 作为一个有格调的程序员,我们根本不是外界说的那种闷骚宅,此刻的我又含了一汤匙川贝枇杷膏,狠狠的怼了一口野格,据说这是当下欧美流行趋势,对于我这种有格调有品位的人,就得这么喝酒。 眼瞅着半边天的节日就要到了,女神那边似乎不能放假半天导致她有些小情绪。怎么让我的女神高兴起来呢?这个命题拷问着我已经晕晕乎乎的灵魂,实话实说,我的灵感已经在情人节释放殆尽,随着呼呼的北风吹到了遥远的陌生地方。 班儿加到一半儿,看着不断报错的日志,我竟然突然有了灵感。我是一名资深的程序员啊同志们,有报错就要溯源,有bug就要解决,有需求就要迎难而上啊同志们! 说干就干! 我准备用最擅长人工智能的Watson为我做点什么! 说干就干!毫不犹豫的干起来! 首先我悄悄收集了女神朋友圈里精心拍出来的照片,接着,利用IBM Watson的接口,我为所有的图片都打上了标签。聪明的你一定想到了,这些标签经过整理,高频出现的一定就是女神的最爱! 当结果输出的一刻,内心五味杂陈的我流下了两行热泪…… 泪眼迷离的我望着枇杷膏的空瓶,狠狠的生怼了几口野格,看了看帐户的余额,直接下单了一个能买得起的最贵的名牌包包…… 颤抖的双手久久不能平息删除代码的罪恶

psutil

孤者浪人 提交于 2019-12-25 20:42:16
python之psutil学习 在Python中使用psutil这个第三方模块来监控系统状态,通过一两行代码实现系统监控,还可以跨平台使用,支持Linux/UNIX/OSX/Windows等,是系统管理员和运维小伙伴不可或缺的必备模块。 1、获取CPU信息 在监控系统cpu时,多是关心cpu的物理核数,逻辑核数,内核态时间,用户态时间等,服务器这些信息都可以简单的用psutil来获取,使用python交互模式 cpu相关命令 C : \xxx > python Python 3.8 .1 ( tags / v3 . 8.1 : 1 b293b6 , Dec 18 2019 , 23 : 11 : 46 ) [ MSC v . 1916 64 bit ( AMD64 ) ] on win32 Type "help" , "copyright" , "credits" or "license" for more information . >>> import psutil >>> psutil . cpu_count ( ) #逻辑核数 8 >>> psutil . cpu_count ( logical = False ) #物理核数 4 >>> psutil . cpu_times ( ) #cpu时间 scputimes ( user = 802494.25 , system

使用chrome调试前端线上代码

江枫思渺然 提交于 2019-12-25 15:39:08
家都知道在前端开发过程中,为加快网站静态资源加载速度都会对js/css等静态资源进行压缩合并再部署到生产环境,而在实际开发过程中开发人员一般都是在开发环境进行源码文件开发调试的,当部署平台或部署人员将开发人员提交的前端代码进行压缩合并为压缩文件后,当遇到生产环境出现问题之后很难通过压缩文件去定位问题,所以如何让开发人员便利的调试线上代码,并迅速定位问题是部署及运维网站需要考虑的重要考量的地方,此文档教程将描述如何使用chrome浏览器进行线上调试源码问题。 Step-by-step guide 下载chrome浏览器 修改grunt部署打包任务配置,如图 通过Jenkins发布部署项目 访问 http://test.www.****.com/ 网站(站点已对源码进行压缩合并,支持调试压缩文件源码) 打开F12浏览器调试工具界面 勾选设置设置中的Enable Javascript source maps选项 关闭设置后,打开sources选项卡后,F5刷新页面后即可查看调试压缩文件源码 如需查看压缩文件,将设置中的Enable Javascript source maps选项勾选取消即可查看压缩文件,如图 来源: https://www.cnblogs.com/qshting/p/5142514.html

Once for all, the way to solve the problem Google Chrome Software Reporter Tool 长时间占用CPU

那年仲夏 提交于 2019-12-25 10:35:33
First , What's Software Reporter Tool ??? Software Reporter Tool:是一个Chrome清理工具,用于清理谷歌浏览器中不必要或恶意的扩展,应用程序,劫持开始页面等等。当你安装Chrome时,Software_reporter_tool.exe也就会被下载在SwReporter文件夹下的Chrome应用数据文件夹中。 这个软件在运行的过程中可能会长时间地占用CPU,导致高CPU使用率。 So, How to uninstall SRT ??? 虽然可以通过任务管理器手动结束进程或者选择删除SRT,但这都不是长久的解决办法。 因为过一段时间它又会再次运行,且SRT在浏览器更新的时候就又会重新被下载下来。 So , How to solve this trouble ??? 直捣黄龙,默认程序路径: C:\Users\[YourName]\AppData\Local\Google\Chrome\User Data\SwReporter\[版本]\software_reporter_tool.exe 快捷方式:win+r 键 并且 输入命令快速定位:%localappdata%\Google\Chrome\User Data\SwReporter HighLight: 1.右键单击software_reporter_tool

store.js - 轻松实现本地存储(LocalStorage)

ぃ、小莉子 提交于 2019-12-25 10:19:19
  store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果【附源码下载】 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 超赞!基于 Bootstrap 的响应式的后台管理模板 创意无限!一组网页边栏过渡动画【附源码下载】 store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能: store.set('username', 'marcus') store.get('username') store.remove('username') store.clear() store.set('user', { name: 'marcus', likes: 'javascript' }) var user = store.get('user') alert(user.name + ' likes ' + user.likes) // Get all stored values store.getAll().user.name == 'marcus' // Loop

scrapy setting

自闭症网瘾萝莉.ら 提交于 2019-12-25 07:27:01
http://blog.csdn.net/u011781521/article/details/70188171 http://wiki.jikexueyuan.com/project/scrapy/autothrottle.html - - coding: utf-8 - - Scrapy settings for demo1 project For simplicity, this file contains only settings considered important or commonly used. You can find more settings consulting the documentation: http://doc.scrapy.org/en/latest/topics/settings.html http://scrapy.readthedocs.org/en/latest/topics/downloader-middleware.html http://scrapy.readthedocs.org/en/latest/topics/spider-middleware.html BOT_NAME = 'demo1' #Scrapy项目的名字,这将用来构造默认 User-Agent,同时也用来log,当您使用 startproject