将Google Chrome或Microsoft Edge浏览器的地址栏隐藏的方法

将Google Chrome或Microsoft Edge浏览器的地址栏隐藏的方法

目标效果示范

我们以百度首页为例,普通模式启动的页面通常会显示地址栏,如下图所示:

而本文要实现的效果是隐去地址栏和书签栏(如果有的话),无法隐去标签栏,效果如下:

实现方式:应用模式启动页面

方式一:从命令行启动

从命令行启动,命令格式为"浏览器exe --app=目标网址"。使用Edge浏览器,找到msedge.exe所在全路径,在命令行运行:

cmd 复制代码
msedge.exe --app=https://www.baidu.com

或使用Chrome浏览器:

cmd 复制代码
chrome.exe --app=https://www.baidu.com

注意,目标网址一定要带有https://前缀,否则不能成功。

方式二:从快捷方式启动

以Microsoft Edge浏览器为例,Google Chrome也适用。

复制一份浏览器的图标,修改其"属性-快捷方式-目标",如下所示:

原本"目标"文本框中的内容只有msedge.exe的全路径。现在我们要加以修改,将"目标"文本框中的内容改为与方式一相同的格式:

text 复制代码
{msedge.exe的全路径} --app=https://www.baidu.com/

如下所示:

修改后点击"确定",双击该快捷方式即可打开隐藏地址栏的百度页面。

方式二:在Microsoft Edge浏览器中将网站作为应用安装

还是以百度网页为例,选择"应用-将此站点作为应用安装":

立即弹出如下对话框:

然后便会弹出没有地址栏的网页,并可以选择是否将此"应用"固定到任务栏或开始屏幕或创建桌面快捷方式(一定要勾选) 。如下图所示,点击允许即可。

之后,便会在桌面看到创建的应用快捷方式,如下图所示:

右键单击这个快捷方式,查看属性对话框-快捷方式-目标,发现:

这里"目标"文本框中的内容粘贴到命令行中执行,效果与双击图标相同。

相关推荐
云水一下13 小时前
Vue.js从零到精通系列(三):组件化基础——Props、Emits、插槽与生命周期
前端·javascript·vue.js
SEO_juper13 小时前
新独立站冷启动收录全攻略:配置、推送、抓取配额优化完整手册
前端·谷歌·seo·跨境电商·外贸·geo·独立站
TinssonTai13 小时前
这个 VS Code 插件让我的 AI Coding 又快又稳 - 旧瓶装新酒
前端·人工智能·程序员
体验家13 小时前
体验家 XMPlus 网页端问卷 SDK 技术解析:用几行 JavaScript 实现精准场景触发与防打扰机制
开发语言·前端·javascript
Maimai1080813 小时前
Web3 前端交易系统如何落地:从下单 UI 到 Operation 编码、签名与实时状态更新
前端·react.js·ui·架构·前端框架·web3
kidding72313 小时前
高效备忘清单工具类小程序
前端·计算机网络·微信小程序·小程序
IMPYLH14 小时前
HTML 的 <abbr> 元素
前端·算法·html
李白的天不白14 小时前
Tree-Shaking
前端
Csvn14 小时前
TypeScript:你以为安全的 `JSON.parse` 其实是颗雷 — 运行时类型安全实战
前端·javascript
橘子星14 小时前
深入理解线性数据结构:栈、队列与链表
前端·javascript