谷歌浏览器

TypeScript Jest 调试

与世无争的帅哥 提交于 2020-03-15 17:10:35
本文简要介绍了如何在 Jest 单元测试中利用 Chrome Node DevTools 来辅助调试。 背景 代码是 TS 写的 所测功能无 UI 界面,出现Bug后不容易定位 用 console 式 debug 效率太低,需要打断点式调试 在 Jest 单测中进行 debugger 目前有两种方法: 1. IDE (如webstorm , VSCode)集成的 提供的 Debugger 功能; 2. Chrome DevTools 步骤 1)在project.json 中添加启动debug的脚本 上述脚本是专门用于调试 基于jest 编写的 单元测试用例的 2. 配置DevTool监听测试程序 如果没有安装Chrome浏览器,但安装了基于具有Chrome DevTools的浏览器也是可以的。 在浏览器地址栏输入: chrome://inspect 然后选择:为Node程序打开DevTools,并选择要监听的地址、端口 3、启动程序开始调试   npm run debug 来源: https://www.cnblogs.com/f1194361820/p/12497298.html

免费下载需付费的qq音乐/各种音乐

◇◆丶佛笑我妖孽 提交于 2020-03-15 14:03:10
现在各音乐平台都有很多音乐 只能在线试听,但是需要付费下载了 如何破解呢 今天已qq音乐为例,告诉大家怎么下载付费音乐 1、打开录音机 ,把麦克风放在功放前面,一边播放 一边录制 我们以qq音乐为例,需要的工具 1、chrome浏览器 2、qq影音 3、任意一个文件合并工具 我们想要下载一首 凉凉 直接点击页面的下载肯定是不行的 1、打开浏览器 2、找到对应web页面的歌曲列表 3 点击播放 进入 播放页面 4、找到chrome浏览器 5、找到媒体缓存页面 如何找? 首先在chrome浏览器地址栏输入 chrome://version 找到个人资料路径 然后用文件夹打开,找到 Media Cache这个文件夹 ,进入 进入Media Cache之后 把里面能删的都删掉(如果删不掉可以先关浏览器) 6、删完之后 开始播放音乐 音乐加载过程中 Media Cache会逐渐增加 文件,这个就是流媒体文件 流媒体缓存在chrome中的文件大小为1M ,当前这首歌生成了4个文件 第1、2、3个都是1M 最后一个是850k,可知这首歌的大小就是3.8M左右 这个时候 把这4个文件拖拽到qq影音中,已经可以播放了 ,总时长也是对的 但是 放到1分多种就没声音了 ,而播放第2、3、4个文件 就提示无法解析,说明文件头是对的 ,后面的3个文件 没有正确的文件头 就无法播放了

谷歌chrome浏览器vue调试工具vue-devtools的安装

为君一笑 提交于 2020-03-15 11:23:32
先导 vue-devtools 是一款基于chrome浏览器的插件,用于vue应用的 调试,这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 第一步: 我们可以先从github上找到vue-devtools的项目,下载到本地。下载 vue-devtools 链接。 克隆方法:git clone https://github.com/vuejs/vue-devtools.git 第二步: 解压下载好的文件,进入到vue-devtools目录,安装项目所需要的依赖包。 安装方法:npm install 或者 cnpm install (注:cnpm命令是国内的镜像,速度会快一些) 第三步: 编译项目文件。 编译方法:npm run build 第四步: 修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 persistent参数改为true,访问协议是否包含:1.http://*/*; 2. https://*/*; 3. file:///*;这三种情况 第五步: 添加至浏览器: 添加方法:在chrome浏览器输入地址:“chrome://extensions/”进入扩展程序页面, 然后点击“加载已解压的扩展程序...”按钮;选择vue-devtools>shells目录下的Chrome文件夹;

谷歌浏览器常用插件

≡放荡痞女 提交于 2020-03-15 07:16:44
在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari… 为了能获得更佳的开发体验,大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。 Chrome Extensions OneTab 当您发现自己有太多的标签页时,单击OneTab图标,将所有标签页转换成一个列表。当您需要再次访问这些标签页时,可以单独或全部恢复它们。 由 艾尔星系 分享 直达链接 JSONView JSONView 是一个方便查看 Json 结构的插件,展开,折叠,看接口返回数据就是这么方便。 直达链接 SnappySnippet 有时候想在 Codepen, JS Bin, jsFiddle 等平台演示 bug 或者装个五毛的 B ,但限于样式拆分得太细,难以抽离,SnappySnippet 可以快速帮你完成这项苦差事。 直达链接 EditThisCookie EditThisCookie 是个修改 Cookie 的快捷工具。 直达链接 Validity Validity 可以用来快速验证你的 HTMl 文档明显错误,比如少了个结束标签,使用了不规范标签,缺少了某些属性等等。 直达链接 Responsive Web Design Tester 移动端页面适配利器,使用 Responsive

浏览器安装插件方法

不打扰是莪最后的温柔 提交于 2020-03-15 06:28:47
转自:https://www.52pojie.cn/thread-719162-1-1.html 最近有很多用户反映有一些Chrome插件在离线安装的时候,根据本站的教程: 离线安装CRX格式chrome插件的方法 。无法正常完成安装,提示“只能通过Chrome网上应用商店安装该程序”,小编为了了解这一问题,今天将谷歌浏览器升级到了最新版本,在安装扩展脚本的时候,确实发现了这个问题的存在。 经过查找相关资料,发现Chrome 21.x系列增加了对扩展插件安装的限制, 自Chrome 21.x开始默认只允许从 Chrome Web Store (Chrome 网上应用店)安装扩展、应用及脚本,也就是意味着用户只能安装谷歌浏览器(Chrome Store)内的扩展插件。 虽然此举增强了安全性但也给众多依赖油猴及 Stylish 脚本的用户造成了很大的不便,那么现在应当如何在谷歌浏览器安装 Web Store 外的第三方扩展程序呢?不屈不挠的小编整理的三种方法可解决“只可添加来自Chrome网上应用店的扩展程序、应用和用户脚本”的问题。 方法一、本地拖放安装 1. 下载扩展程序/脚本程序至本地计算机; 2. 将其直接拖拽到浏览器的“扩展程序”页面(设置-扩展程序)即 chrome://chrome/extensions 页面。 3. 在Chrome的桌面快捷方式上选择右键——属性, 在

在chrome上安装印象笔记插件

我与影子孤独终老i 提交于 2020-03-15 06:27:30
无法访问谷歌插件商店,如何安装印象笔记插件 1、点击这里下载印象笔记 crx 文件: https://www.yinxiang.com/download/get.php?file=ClipperChromeYXBJ 2、下载完成后,打开文件所在文件夹 3、复制 chrome://extensions 并粘贴到地址栏,回车 4、拖拽在crx 文件拖拽到chrome://extensions 中,并点击“添加”,会提示「并非来自Chrome网上应用店」,提示信息中会有一个id号,在此先记住此id 5、下载 Chrome组策略管理模板“chrome.adm”,解压后文件夹中会有chrome.adm,下载地址为https://www.baidu.com/link?url=d6fAlP6WIfTROC_IPJkituyR5uabzqtXm61NSKRepLTA_lasIS1RHkWHkjZmEO_1Pk89cxHwMm_BOtjnb6p8Rq&wd=&eqid=b07597c30005b3da000000045b39e5dd 6、按Ctrl+R调出运行窗口,输入gpedit.msc 7、依次展开 本地计算机策略 > 计算机配置 > 管理模板,在“管理模板”上右击,选择“添加/删除模板”; 8、点击添加,找到第1步下载的“chrome.adm”,打开,关闭“添加/删除模板”窗口 9、依次展开

[CSS3] 新增属性用法整理

◇◆丶佛笑我妖孽 提交于 2020-03-14 13:02:09
测试环境: OS --> winXP Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195 一。 transition(a标签hover渐隐效果) a:hover{transition: color 0.15s linear 0s, background-color 0.3s linear 0s;} -webkit-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -moz-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -o-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -ms-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; transition:color 0.15s linear 0s, background-color 0.3s linear 0s; 一. box-shadow(阴影效果) 使用: box-shadow: 20px

Java与Selenium实现自动化测试----简单搭建

自古美人都是妖i 提交于 2020-03-12 07:37:52
1.创建Maven项目 2.pom.xml文件下添加依赖 <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-chrome-driver</artifactId> <version>3.141.59</version> </dependency> <dependency> <groupId>org.seleniumhq.selenium</groupId> <artifactId>selenium-java</artifactId> <version>3.141.59</version> </dependency> 3.下载对应Chrome浏览器版本的ChromeDriver程序 有这个ChromeDriver.exe才能运行,不然会脚本会报错 下载地址:http://npm.taobao.org/mirrors/chromedriver/ 查看Chrome版本,在谷歌浏览器地址中输入:chrome://version/即可知道自己谷歌浏览器的版本,找到对应版本的ChromeDriver即可 4.添加到环境变量中 5.编写简单自动化脚本 System.setProperty(“webdriver.chrome.driver”,“D:\Chrome\chromedriver.exe”

Centos6.5系统初学者基本系统配置1

北城以北 提交于 2020-03-12 05:22:27
作为一个初步接触linux-Centos的菜鸟来说,Centos在基本软件安装是一件比较令人头疼的事情,下面我将我初步使用linux的一些问题进行了汇总和记录,希望对大家有所帮助,这些东西也是在网友的帮助下完成的,也有借鉴了其他网友的文章,所以我只是一个搬运工,我的这个汇总是在CentOS6.5下测试通过的,别的版本请慎重! 菜鸟级的用户在从windows转换到linux-Centos下时,会发现Centos几乎没有一点娱乐性了,电影看不了,音乐放不了,在网上找个软件还要被软件依赖性所困扰! 1.进入Centos6.5后无法查看windows盘符里的内容,这时就需要下载ntfs-3g这个软件了,下载地址:http://rpm.pbone.net/index.php3?stat=3&search=ntfs-3g&srodzaj=3 选择RedHat EL 6的响应行的软件进行下载,32位还是64位就根据各位需求了,linux下不能上网的就在别处下载好用U盘拷贝过来吧; 开始安装:a,直接点击安装,这是Windows用户的习惯,中途会需要输入root用户密码;      b,打开控制台,切换到root用户,进入到ntfs-3g的所在目录,执行 rmp -Uvh 软件名 挂载本地盘:我习惯将windows的挂载到mnt下,root用户在mnt目录下创建相应的目录;然后通过fdisk -l

scrapy实践:headers伪造

孤街浪徒 提交于 2020-03-12 01:51:49
在写网络爬虫时,我们都需要伪装headers来避免反爬,主要就是更改user-agent和refere。 使用requests或urllib未使用scrapy时,都是手动指定headers例如: header = { 'Host': 'www.***.com', 'User-Agent': random.choice(pcUserAgent), 'Accept': '*/*', 'Accept-Language': 'zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2', 'Accept-Encoding': 'gzip, deflate, br', 'X-Requested-With': 'XMLHttpRequest', 'Connection': 'close', 'Referer': 'https://www.***.com' } pcUserAgent是一个user-agent列表。 那使用scrapy框架时,伪装headers有多种方法,这里记录一下如何利用Downloader Middleware中间件来设置。 (1)首先,在setting.py中加入user-agent列表 # User-Agent USER_AGENTS = [ # Opera "Mozilla/5.0 (Windows NT 6