cross-request 赋予一个 html 页面跨域请求能力,该扩展仅支持 YApi 接口管理平台 2.9版本修复了 chrome72 版本无法发送 cookie 问题 3.0修复 chrome...73 版本无法发送请求问题,新版本因 chrome 安全策略改动,不再支持文件上传 Chrome 在 73 版本后,限制了 content-script 跨域请求,导致cross-request2.几的版本插件不可用...,需要升级到cross-request3.0 本插件目前只支持Chrome浏览器 cross-request下载链接: 由于某些不可描述的原因,cross-request插件可能不方便下载,在这里提供了离线版的安装包...在Chrome菜单中选择【扩展程序】->【加载以解压的扩展程序】->【选中压缩包内容】-> 【选中3.0.0的目录】进行插件安装,安装完成后重启Chrome就可以正常使用了。 ?...问题说明: 1、首次使用Yapi的时候,需要安装cross-request插件,请求是通过本地的cross-request插件发送出去的。
cross-request遇到的问题 最近在使用cross-request插件会收到一些报错信息: Manifest version 2 is deprecated, and support will...See https://developer.chrome.com/blog/mv2-transition/ for more details....也就是说到2023年1月份,cross-request插件可能就不能正常运行了,目前cross-request插件还没人维护,无法升级到Manifest version 3的版本。...在Manifest version 2中,cross-request使用chrome.webRequest相关的API来拦截和修改web请求; 在Manifest version 3中,需要使用chrome.declarativeNetRequestAPI...这些功能限制可能也会影响cross-request插件的正常运行。
安装 cross-request 插件 1. YApi 是什么? YApi 是一个高效、易用、功能强大的API管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。...安装 cross-request 插件 使用 YApi 的时候,它的“运行”功能,需要插件 cross-request 配合。...cross-request 插件现在只能手动下载与安装: https://github.com/YMFE/cross-request/archive/master.zip 下载完成后,解压: 打开 chrome...://extensions: 点击加载已解压的扩展程序: 启用 cross-request 插件: 参考: YApi: https://hellosean1025.github.io/yapi/index.html...https://github.com/YMFE/cross-request/archive/master.zip
背景 chrome 在 73 版本后,限制了 content-script 跨域请求目前只有一个解决办法,废弃 content-script 跨域请求,使用background.js 执行跨域请求,但这样有个最大的问题是无法支持文件上传...问题 目前,在Chrome73以上版本,Yapi接口运行不支持文件上传功能,导致需要文件上传的接口无法使用。...改动: 修改cross-request插件,支持将Base64字符串转为文件格式上传。
2.2 安装 cross-request 插件 安装上 Yapi 之后,还需要在浏览器安装一个 cross-request 插件,来进行页面跨域请求。...首先我们去 https://github.com/YMFE/cross-request 仓库,下载 zip 包并解压缩。...image.png 然后在 Chrome 右上角三个点的菜单中选择 更多工具 -> 扩展程序 -> 加载以解压的扩展程序 -> 选中压缩包内容,记得先把右上角 开发者模式 打开。
cross-request插件就是打包的Firefox插件。
请对应自己的谷歌浏览器的版本下载 chrome的webdriver:点击下载 windows环境变量配置 1、 webdriver文件位置 可以自定义位置,如:d:\selenium环境变量,的文件夹下...也可以放在C:\Program Files (x86)\Google\Chrome\Application的文件夹下 2、系统环境变量PATH 按照图的指示,1->2->3->4->5->6,最后一步直接粘贴你的文件存放路径
daemon-reloadsudo systemctl enable yapisudo systemctl restart yapisudo systemctl status yapiAPI调试运行旧版的API需要安装Chrome...浏览器插件,下载后解压拖入Chrome插件中心即可。...浏览器插件下载地址:https://github.com/YMFE/cross-request/archive/master.zip运行新版的调试不需要插件,但是超时时间只有800ms,超过就报错,需要修改源码中的超时时间
setting > geolocation 调试定位信息 参考 https://ahuigo.github.io/p/ria-js-debug-chrome
我是一个重度的 Chrome 使用者,还是给大家带来一波好用的 Chrome 插件吧,都是我自己亲身使用过觉得不错的,推荐给大家。 嗯......,这下不用领 Mac 了吧。...日常类 Tampermonkey Tampermonkey(油猴)是最受欢迎的浏览器扩展之一,拥有超过 1000 万用户,绝对算是 Chrome 最强大的扩展了。...Tampermonkey Chrono Chrome 有自己默认的下载器,但是功能太过简单。Chrono 下载管理器是 Chrome™ 浏览器下第一款也是唯一一款功能全面的下载管理工具。...Chrono OneTab Chrome 占用内存高已经是一个不争的事实。OneTab 节省高达 95%的内存,并减轻标签页混乱现象。...不过新版本的 Chrome 在网址输入框尾部自带了生成二维码功能。
4.继续安装. 5.安装成功后,点击chrome图标,发现并不能启动浏览器。...这是由于chrome默认是普通用户运行的,root不能够运行chrome。所以我们要使得root可以运行chrome。...//编辑下面的文件 vim /opt/google/chrome/google-chrome 6.将上面文件中代码作修改 //原来的 exec -a "$0" "$HERE/chrome" "$@"...//修改后的 exec -a "$0" "$HERE/chrome" "$@" --user-data-dir --no-sandbox 修改结果如下图最后一行内容所示: ?...7.修改后,保存,chrome就可以正常使用了。 (adsbygoogle = window.adsbygoogle || []).push({});
4. jsonView 由于JSON的优点,目前系统接口返回数据往往通过Json格式,而在浏览器访问接口返回的JSON数据并没有安装JSON格式展现出来,此时,我们就可以给Chrome浏览器安装JSONView...上述这些插件,大家可以发送关键字"Chrome插件"获取,接着打开chrome浏览器输入chrome://extensions,最后只需要将上述插件拖动扩展程序处即可。
一旦提到浏览器,自然不免俗的要提到那个倍受开发者喜爱的 Google Chrome。 2008 年,Google 发文宣称将正式推出一款重磅产品:Google Chrome。...此后,便开启了 Chrome 疯狂扩张,一步步蚕食市场的巨无霸时代。...但最喜欢它的一点,还是其丰富强大的插件平台:Chrome Web Store。...今天刚好借此机会,跟大家聊聊,最近在 GitHub 爆火的一款 Chrome 插件:Automa。...GitHub:https://github.com/Kholid060/automa Chrome Store:https://chrome.google.com/webstore/detail/automa
Chrome 调试 Elements 面板 步骤: 打开 DevTools,有多种方式可以打开,F12 快捷键,右键检查等 查看要检查的元素的样式,点击下图红框框,再点击页面元素,或者鼠标放在要检查的元素上面...小技能 用上诉方法选中元素(节点),在 Elements 面板右键,选择下图红框即可截图 截图效果: 拓展:脱离 996,Chrome DevTools 面板全攻略!!!(收藏)
Chrome Devtools 使用技巧 1.网页可编辑 (1)document.designMode = ‘on’ (2)打开任何网站,在网址栏输入:可手机端 javascdy.setAttribute...(‘contentEditable’,’true’); 2.chrome 网页全屏、元素截图 (1)移动端 点击右上角三个点 里面的full即可全屏截图 (2)pc端 打开devtools ctrl+shift...8.Chrome Workspace (1) 在sources面板中, 通过 Workspace,你可以把本地服务器的资源映射为硬盘上的文件,实现调试 JS 和 CSS 的同时自动保存文件,比如 Elements
严格来讲,我们正在说的东西应该叫Chrome扩展(Chrome Extension) 什么叫Chrome插件 Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、...本身的API以外,Chrome插件还支持一些独有的API可供使用 所有的Chrome API都是以chrome对象开头,如:chrome.alarms bookmarks 操纵书签的API browserAction...}); 扩展调试 chrome的菜单里打开扩展程序(打开开发者模式) ? 调试通普通页面一样 如何优雅的调试 右键Chrome工具栏的小图标会弹出一个窗口,选择审查弹出内容即可调试。.../popup.html 查看其他插件的源码 访问chrome://version 找到Chrome插件安装的本机目录 ?...使用 Chrome 开发者信息中心上传 ZIP 文件。
Chrome 拓展(Chrome Extension)是什么Chrome Extension 实际上就是大多数人所说的 Chrome 插件,但是从标准上来说 Chrome 插件是浏览器更底层的拓展功能开发...,而我们使用的应该叫 Chrome 拓展(Chrome Extension)。...、2013 年:Chrome App 和扩展合并Google 在 Chrome 29 版本中将 Chrome App 和扩展进行了合并,将两者整合为 Chrome Apps 和 Extensions。...Chrome要求插件必须从它的Chrome应用商店安装。...接下来一个月,我将更新Chrome 拓展开发系列文章:一文入门 Chrome 拓展开发(上):组件篇;Chrome 拓展开发系列:一文入门 Chrome 拓展开发(下):通信篇;Chrome 拓展开发实战
本文调试均在chrome浏览器进行 alert 这个不用多说了,不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西,其实console还有其它的方法: console.log...注:Chrome开发者工具中的Sources标签页也在Watch表达式下面显示调用栈。...注:Chrome开发者工具中的Audits标签页也可以实现性能分析。 debugger 这个重量级的是博主最常用的,可能是c++出身,对于单步调试由衷的热爱。...chrome中的调试技巧 DOM元素的控制台书签 Chrome开发者工具和Firebug都提供了书签功能,用于显示你在元素标签页(Chrome)或HTML标签页(Firebug)中最后点击的DOM元素。...可以用Chrome开发者工具Sources标签页中的格式化按钮(Pretty Print Button)格式化压缩后的代码。
下面给大家推荐一些自己常用的chrome 插件,绝对可以提升你的上网和工作效率,感兴趣的话,可以体验一下(下载链接在文末)。...Adblock Plus Adblock Plus是一款非常强大的广告拦截插件,其不仅是一款免费的插件,而且支持包括Chrome、Firefox等多种浏览器。...Toby:管理你的tab页 打开的标签页很多,切换管理麻烦,管理chrome标签页的插件。...Toby是一款可以帮助用户管理chrome标签页的谷歌浏览器插件,在chrome中安装了Toby插件以后,用户就可以对已经打开的chrome标签页进行快速地管理,当标签页很多的时候,Toby还提供了快速搜索的功能...Code Cola 这是一款非常好用的能查看网页代码样式的chrome CSS样式可视化插件,可以直接在浏览器上修改你打开的网页。
Slobodin在Google论坛上发帖表示,鉴于Chrome 59推出了Headless浏览特性,他认为没有理由再继续维护Phantom.js。...增加别名 # add alias to .zshrc alias chrome='/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome...' 命令行 chrome \ --headless \ # Runs Chrome in headless mode --disable-gpu \ # Temporarily needed