Chrome

vue 调试程序的安装(谷歌浏览器chrome的vuejs devtools 插件的安装)

感情迁移 提交于 2021-01-25 07:10:29
1. 首先在GitHub上下载vue的调试程序插件 vue-devtools 地址:在github上下载压缩包并解压到本地,github下载地址: https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd cd进入vue-devtools(下载的文件夹中)文件夹, 1. npm install,安装依赖包; 2. npm run build 3. npm run build 执行完, 会在shells>chrome下的src文件夹里生产如上图所示的几个js文件; npm run build 执行完,会在shells>chrome下的src文件夹里生产如上图所示的几个js文件; 若不执行以上命令会报错,无法加载背景脚本"build/background.js",如下图: 3. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true 4. 扩展chrome插件 1.打开chrome浏览器,打开更多工具>扩展程序; 2.再点击加载已解压的扩展程序,然后把shells>chrome文件夹放入 5, 测试安装成功 在插件的目录下执行npm run dev,这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了

04 Python网络爬虫 <<爬取get/post请求的页面数据>>之requests模块

自古美人都是妖i 提交于 2021-01-25 06:50:25
一. urllib库   urllib是Python自带的一个用于爬虫的库,其主要作用就是可以通过代码模拟浏览器发送请求。其常被用到的子模块在Python3中的为urllib.request和urllib.parse,在Python2中就是urllib和urllib2。 二.requests库   - 安装: pip install requests   - 作用: 就是用来模拟浏览器上网的   - 特点: 简单高效   - 使用流程:      * 指定url      * 发起请求      * 获取响应数据      * 持久化存储 三.爬取简单的网页    普通 get请求 1 # 爬取搜狗首页的页面数据 2 import requests 3 # 第一步指定url 4 url = ' https://www.sogou.com/ ' 5 # 第二步发送请求 6 response = request.get(url= url) 7 # 第三步获取响应数据 8 page_text = response.text # text返回的是字符串类型的数据(由响应体中的content-type,也可以是json) 9 # 第四步持久化存储 10 with open( ' ./souhu.html ' , ' w ' ,encoding= ' utf-8 ' ) as fp: 11

谷歌浏览器安装vuejs devtools 插件

醉酒当歌 提交于 2021-01-25 06:47:27
1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地,github下载地址: https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包;如果安装太慢,就先安装淘宝镜像,命令行输入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org。 安装完成后可以测试是否安装成功:可输入命令:$ cnpm -v 返回版本号说明安装成功  现在就可以用 $ cnpm install  2.cnpm run build 编译打包完后会在shells>chrome下的src文件夹里生产如上图所示的几个js文件; 3. 扩展chrome插件   1.打开chrome浏览器,点击右上角,打开更多工具>扩展程序;    2.打开右上角的开发者模式。 再点击加载已解压的扩展程序,然后把shells>chrome文件夹放入   3.测试插件是否有效。运行Vue项目后 切换到Vue模式。 免责声明 本博客所有文章仅用于学习、研究和交流目的,欢迎非商业性质转载。 博主在此发文(包括但不限于汉字、拼音、拉丁字母)均为随意敲击键盘所出

谷歌浏览器chrome的vuejs devtools 插件的安装

喜夏-厌秋 提交于 2021-01-25 06:47:07
谷歌浏览器chrome的vuejs devtools 插件的安装 (推荐方法2) 安装方法1: 需正常打开chrome商店,搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用; 方法2: github下载插件,npm包安装依赖,拖入浏览器扩展程序 具体操作: 1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地,github下载地址: https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包;如果安装太慢,请参照文章末尾说明进行操作。 2. npm run build npm run build 执行完,会在shells>chrome下的src文件夹里生产如上图所示的几个js文件; 若不执行以上命令会报错,无法加载背景脚本"build/background.js",如下图: 3. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true 4. 扩展chrome插件 1.打开chrome浏览器,打开更多工具>扩展程序; 2.再点击加载已解压的扩展程序,然后把shells

了解Katalon的安装及基本使用(for mac)

故事扮演 提交于 2021-01-25 06:20:53
一、整体了解: 2018 top 6的自动化测试工具(网上了解): 1. Selenium 2. Katalon Studio 3. UFT 4. Watir 5. IBM Rational Functional Tester 6. TestComplete 更多参考:https://zhuanlan.zhihu.com/p/30605918 二、需求:需要在最近的项目中进行UI自动化测试,我期望的是不要像slenium那样成本太高,需要维护成本高,时间也太长的工具。能够自动的录制回放智能的操作要求 Katalon的诞生: 1、完全支持自动录制回放且不用写开发脚本 2、 Katalon 用的是 Java 和 Apache Groovy 作为其脚本开发语言 3、 Katalon 提供了 Spy 和 Record 两个让构建及其他构建(如:从文件数据库等获取数据填充到测试文本框、搜索框变量中) 4、 免费开源、易用的图形化的工具 三、环境要求 System Requirements Supported Environment 四、基础使用、下载激活(Katalon Studio)此处使用的是mac,如果是windows则选择对应系统的exe文件进行下载 1、下载路径:https://www.katalon.com/(输入姓名、邮箱、密码进行注册登录) 2、进入查看可供选择的环境,并下载

Chrome浏览器上安装Vue Devtools

痞子三分冷 提交于 2021-01-25 05:55:03
<div id="cnblogs_post_body" class="blogpost-body"><p>Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。</p> <p>1)首先在github下载devtools源码,地址:<a style="color: #3194d0; text-decoration: none; background-color: transparent;" href="https://github.com/vuejs/vue-devtools%E3%80%82" target="_blank">https://github.com/vuejs/vue-devtools。</a></p> <p><img src="https://images2017.cnblogs.com/blog/1215920/201709/1215920-20170919205434540-2015837660.png" alt=""></p> <p> </p> <p><br> 2)下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行npm run build,编译源程序。</p> <p><img src="https:/

如何定量分析前端主流的构建工具(Webpack/Rollup/Parcel/Browserify+Gulp)?

断了今生、忘了曾经 提交于 2021-01-25 05:40:59
Mom, I Can't Learn Anymore(《妈妈,我学不动了!》) 是一系列关于计算机领域程序最新时事的文章(偏向于前端领域),在该系列会从不同的角度讨论领域内的实践和进展。 前言 注意,我期望你带着问题看全文,我们是如何定量分析构建工具?衍生的问题是,学习这类知识的核心是什么? 周日在家看 web.dev 的 2020 三天 live,发现不少有意思的东西,其中有一项是关于 building tool 的,也就是我们常说的前端构建工具,当天的主播是 Jake Archibald(chrome team 成员,个人非常喜欢的技术专家)。 其实,刚开始了解到 tooling.report 来自于我非常喜欢的一位开源作者 Evan You(Vuejs 的作者)的推特: 这篇简单的推文引起了我的兴趣,尽管业内存在各种分析前端构建工具的文章,但这些文章往往质量参差不齐,大部分分析不够全面,偏向于定性分析,有些甚至加入了个人的主观臆想。 因此,为什么不对各大主流的构建工具进行定量分析它们呢(利用类似于 benchmark 的测试)? 这很明显是一个对普通开发者非常有用的需求,但到现在还缺乏相对应权威的东西可能是因为: 前端发展到现在,各大构建工具已经非常的复杂,业界之前有一句笑话,“现在是面向 webpack 配置编程”。同时精通所有的构建工具是需要很大的耐心和技术水平的

WPF ScrollViewer滚动条样式,适合触摸屏使用

这一生的挚爱 提交于 2021-01-25 02:06:15
触摸屏上客户要求滚动条宽度大些,方便手指上下滚动,之前在网上看了个,原文找不到了,代码记录下。 效果如下: < ControlTemplate x:Key ="ScrollViewerControlTemplate1" TargetType =" {x:Type ScrollViewer} " > < Grid x:Name ="Grid" Background =" {TemplateBinding Background} " > < Grid.ColumnDefinitions > < ColumnDefinition Width ="*" /> < ColumnDefinition Width ="Auto" /> </ Grid.ColumnDefinitions > < ScrollContentPresenter x:Name ="PART_ScrollContentPresenter" CanContentScroll =" {TemplateBinding CanContentScroll} " CanHorizontallyScroll ="False" CanVerticallyScroll ="False" ContentTemplate =" {TemplateBinding ContentTemplate} " Content ="

appemit支持chrome等浏览器使用VLC 播放rtsp rtmp

不问归期 提交于 2021-01-24 23:32:15
appemit支持chrome等浏览器使用VLC 播放rtsp rtmp HTML5 的可以支持RTMP 但是无法播放RTSP,flash也止步于RTMP,最后同事推荐了个开源的好东东 VLC ,请教谷歌大神之后,这货果然可以用来让各浏览器(IE activex方式,谷歌、FF)实现播放RTSP视频流,那真是极好的~~ 废话不多说了附上参考文档和案例,大家自己看吧。 视频是用的海康网络摄像头(支持RTSP,标准H.264 RTP封装的设备),可以通过 rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream 对摄像头进行读取RSTP流。在谷歌浏览器下实现web显示实时监控画面步骤: 1. 下载vlc - http://www.videolan.org/vlc/ 开源的好东西,并安装(本人 测试 系统为WIN8.1 64bit 下载32bit的就可以,XP也没问题); 2. 安装,并勾选Mozila支持; 3. 实时播放代码如下 <object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410"> <param name='mrl' value