首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

网页制作成 Chrome App

0 前言 在即刻看见了一篇文章,内容是关于把网页制作成一个桌面应用,试了一下,感觉挺好的。...干脆写一篇文章记录一下,感觉美滋滋~ 1 创建快捷方式 将想转换的网页收藏到书签栏,进入chrome://apps/,把收藏的书签下拉到页面中间的空白处。 ?...在桌面就能看见一个丑丑的快捷方式,在应用程序里面就能看见 Chrome 应用下面有一个微信的快捷方式。 ?...再进入 chrome://apps/ 里面勾选一下在窗口打开,这样就是一个独立的应用了。 ?...3 说明 我因为不喜欢微信的 Windows 客户端,所以才使用把网页版微信制作成 Chrome App。制作成 Chrome App 之后还可以使用谷歌浏览器的扩展,美滋滋。

7.7K20

Chrome扩展插件的开发--获取网页Cookies

Chrome扩展插件的开发--获取网页CookiesChrome浏览器在浏览器类应用软件中一直居于榜首,很多人选择Chrome浏览器不仅仅是因为它的稳定,还有它丰富的可拓展性。...本文将介绍大家手动开发一个谷歌浏览器插件获取cookies. 1.Chrome插件开发文档https://developer.chrome.com/docs/extensions/mv3/2.官网入门demoHello...获取cookies的API来获取所访问网页的cookies,并把结果展示到popup.html弹窗内部;const $container = document.getElementById('container...},function (tabs) {console.log('什么是tabs===',chrome, tabs)const url = new URL(tabs[0].url)chrome.cookies.getAll...浏览器内导入使用 打开chrome的插件管理页面chrome://extensions打开该页面右上角的开发者模式点击加载已解压的扩展程序,上传本地文件即可导入插件点击浏览器右上角扩展程序图标可以将自己的插件固定到浏览器顶部

1.3K20

Chrome 116:网页画中画 API 来了!

Chrome 116 刚刚发布了正式版本,其中比较值得关注的新增功能就是网页的画中画 API 了(Document Picture in Picture API )。...简介 画中画 API 可以打开一个始终位于当前网页顶部的窗口,这个窗口可以填充任意的 HTML 内容。...另外我们还可以用它来实现一个体验非常好的网页视频会议功能等等。 用法 属性 documentPictureInPicture.window:返回当前的画中画窗口,如果不存在则返回 null。...(如果选项值太大或太小而无法适应用户友好的窗口大小,Chrome 可能会限制选项值) pipButton.addEventListener("click", async () => { const.../docs/web-platform/document-picture-in-picture https://developer.chrome.com/blog/watch-video-using-picture-in-picture

45150

Python爬虫Chrome网页解析工具-XPath Helper

1.png 之前就说过Python爬虫中Xpath的用法,相信每一个写爬虫、或者是做网页分析的人,都会因为在定位、获取XPath路径上花费大量的时间,在没有这些辅助工具的日子里,我们只能通过搜索HTML...源代码,定位一些id,class属性去找到对应的位置,非常的麻烦,今天推荐一款插件Chrome中的一种爬虫网页解析工具:XPath Helper,使用了一下感觉很方便,所以希望能够帮助更多的Python...爬虫爱好者和开发者 插件简介 XPath Helper插件是一款免费的Chrome爬虫网页解析工具,可以帮助用户解决在获取XPath路径时无法正常定位等问题 安装了XPath Helper后就能轻松获取...的网上应用店,直接搜索XPath Helper就能找到这个插件,直接点击“添加至chrome”即可 2、你没工具去打开Chrome的网上应用店的话,我将这个插件上传到了百度云网盘,你可以直接下载,将其直接拖拽到浏览器的...“扩展程序”页面(设置-扩展程序)即 chrome://extensions 页面 3、或者你直接在Github上进行下载,使用开发者模式进行打包,然后进行安装即可 使用插件 1、打开某个网站,我这以本站首页为例

3.3K30

小技巧:Chrome网页加入 Apps 快捷打开

平时常用的工具类网页、SPA 应用(Single Page Application),还在打开浏览器、再找书签么? Chrome 可以帮您安装快捷图标,直接双击打开就好了。...以后,这些常用网页,就可以直接双击打开了。 安装一个 Chrome App Step 1. Chrome 打开某个网页,如:https://simpleicons.org ? Step 2....勾选「Open as window」,允许独立窗口打开网页。然后「Create」 Step 4. Chrome Apps 里就会新增一个应用图标,可双击打开 ?...这样,就可以将常用网页整理到一个 Chrome Apps 页面里了。 Step 5. 系统应用里也会创建一个它的快捷图标,可双击打开 macOS 如下: ? Step 6....双击快捷图标,打开这个 Chrome App 试试看 ? 是个独立窗口呢。 结语 Q: Windows 桌面建立一个个网页快捷方式,不是一样的么?

1.8K20

Chrome DevTools 远程调试安卓网页的原理

作为前端开发,我们每天都会用 Chrome DevTools 调试 Chrome网页,但其实它还可以远程调试安卓手机的网页。 那 Chrome Devtools 如何远程调试安卓网页呢?...今天我们就来了解一下: 远程调试安卓网页 用数据线把安卓手机和电脑连接起来,在手机设置里打开 USB 调试: 然后在 chrome 打开 chrome://inspect 页面,勾选 Discover...我们了解了 Chrome DevTools 怎么调试安卓的网页,那它的原理是什么呢?...打开 USB 调试之后,在 chrome://inspect 页面就可以看到可调试的网页了,点击对应的网页就可以调试。...理解了调试的原理,Chrome DevTools 调试安卓网页的流程,就可以愉快的远程调试安卓手机的网页了。

1.7K10

Chrome HSTS异常导致无法访问HTTPS网页

在谷歌使用一个网页,之前是都是OK的,在开发调试接口请求的时候,突然网页请求失败。简单做了一下网络连通性测试:ping域名,telnet网站的80和443端口,发现网络是OK的。...打开控制台查看network发现请求爆红: NET::ERR_CERT_COMMON_NAME_INVALID,于是尝试清理下Chrome上HSTS安全设置策略,清理后恢复正常,具体操作如下: 在Chrome...浏览器中输入:chrome://net-internals/#hsts: image.png 找到相应的"delete domain security policies",输入访问有问题的网站域名,然后点击删除...image.png 找到"Query HSTS/PKP domain",输入刚才删除的域名,查询结果返回“Not Found”,代表已经删除成功: image.png 之后再重新访问之前的页面,此时网页能够正常打开...(ps: 我们本地启动项目,使用http://localhost或者电脑的ip的时候,也会出现HSTS字段失效,可以清除浏览器的历史数据,然后重新打开网页,HSTS重新认证成功,api网络请求就可以恢复正常

3.1K00

google chrome浏览器怎么收藏网页

今天说一说google chrome浏览器怎么收藏网页[谷歌浏览器官网网址],希望能够帮助大家进步!!! 相信有很多小伙伴和我一样,同步chrome的收藏夹,这样也便于随时可以查看自己收藏的网址。...但是同步文件,必须先要登录chrome账号,登录chrome账号时,总是会报黄页,或者一直加载不出来。...chrome新版本(67之后),无法通过拖拽添加应用程序,只能在谷歌下载。...账号,登录 注册填写相关信息,一直next 4.chrome信息同步 选择右上角图标 ,设置>其他人>同步 后续: 添加了插件之后,每次打开chrome,都会弹窗 解决有两个 1.使用开发版本的chrome...dev 下载:https://www.google.cn/intl/zh-CN/chrome/dev/thank-you.html?

1.1K10
领券