将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浏览器中将网站作为应用安装

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

立即弹出如下对话框:

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

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

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

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

相关推荐
Mintopia3 分钟前
🚀 Next.js 全栈 E2E 测试:Playwright vs Cypress
前端·javascript·next.js
原生高钙3 分钟前
JS设计模式指南
前端·javascript
拳打南山敬老院6 分钟前
漫谈 MCP 构建之Resources篇
前端·后端·ai编程
golang学习记8 分钟前
从0死磕全栈第九天:Trae AI IDE一把梭,使用react-query快速打通前后端接口调试
前端
超人9219 分钟前
我用纯前端技术打造了一个开发者工具箱,10+实用工具助力提效!
前端
bug_kada10 分钟前
详解 React useCallback & useMemo
前端·react.js
Mintopia10 分钟前
⚡ WebAssembly 如何加速 AIGC 模型在浏览器中的运行效率?
前端·javascript·aigc
AAA_Tj11 分钟前
前端动画技术全景指南:四大动画技术介绍
前端
断竿散人16 分钟前
乾坤微前端框架的沙箱技术实现原理深度解析
前端·javascript·前端框架
进阶的鱼17 分钟前
(4种场景)单行、多行文本超出省略号隐藏
前端·css·面试