手机上如何隐藏Chrome的工具栏

已于 2023-12-19 15:47:51 修改
阅读量5.3k 收藏 12
点赞数 9
文章标签： chrome 前端 智能手机
于 2023-12-19 15:14:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60466219/article/details/135085107
版权

Why？

起因是，工作上需要测mobile上的ui，要用到这个功能，捣鼓了好久都没找到怎么设置，然后去百度了一圈，明明是很简单的诉求，搜出来都不是我想要的，，，
在手机上巴拉了一圈，发现在目标网页上两根手指向内做合拢的手势滑动屏幕，工具栏和地址栏就被收起来了，不要太简单哈哈

Solution steps

1. 在Chrome上打开指定网页，这里以百度为例：https://www.baidu.com,这个时候工具栏和地址栏正常显示

2. 两根手指向内做合拢的手势滑动屏幕，如图，箭头所指的方向

3. 工具栏和地址栏就被收起来了

设备：iphone14（安卓没试过，不过应该差不多的）

注意这只是暂时收起一下，简单浏览一下内容没问题，一滑动屏幕又会出现了

很疑惑是不是只有我有这种问题，在此记录一下，希望能帮到同样有问题的UU

冰镇西瓜.
关注
chrome 隐藏 地址栏_如何在Chrome中隐藏地址栏
cuk0051的博客
08-25 5687
chrome 隐藏 地址栏There is no easy way from within an open instance of Chrome. You need to go to the terminal and open a new Chrome instance in application mode, passing the URL. 在打开的Chrome实例中没有简单的方法。 您需...
chrome 隐藏地址栏_这 10 个值得开启的隐藏功能，让你的 Chrome 释放更多潜力
weixin_39732640的博客
11-28 1786
上次分享了让 Chrome 浏览器用得更顺手的地址栏命令，跟大家整理和介绍了多个 Chrome 地址栏命令，利用好这些命令工具能够提升浏览器配置效率，让你的 Chrome 浏览器用得更顺手。这次介绍的是 Chrome 内置的实验功能，它被单独放在了一个页面中，很多酷炫好用的实验性功能默认是关闭状态，按需打开这些选项后，网页浏览的速度、体验、安全性等都会有相当不错的提升，下面我收集了 10 个值得开...
将Google Chrome或Microsoft Edge浏览器的地址栏隐藏的方法
最新发布
simple的博客
08-31 1万+
我们以百度首页为例，普通模式启动的页面通常会显示地址栏，如下图所示： 而本文要实现的效果是隐去地址栏和书签栏（如果有的话），无法隐去标签栏，效果如下：从命令行启动，命令格式为“浏览器exe --app=目标网址”。使用Edge浏览器，找到msedge.exe所在全路径，在命令行运行： 或使用Chrome浏览器： 注意，目标网址一定要带有https://前缀，否则不能成功。以Microsoft Edge浏览器为例，Google Chrome也适用。 复制一份浏览器的图标，修改其“属性-快捷方式-目标”，如下所
Android双击屏幕动态实现全屏（隐藏标题栏状态栏）
08-31
Android在web view中动态实现双击全屏（隐藏标题栏状态栏），双击屏幕判断标题栏状态栏是否存在，如果存在就隐藏，反之，不存在就显示。完整源码下载即用。
部分样式在360和ie上不能显示_掌握这些技巧，让你手机上的Chrome更好用
weixin_39891272的博客
11-03 359
Chrome是全球范围流行的浏览器应用，尤其是桌面端，占据了浏览器市场的大半壁江山。尽管移动端的Chrome不似桌面版那样强大，但它也隐藏了大量的功能，不被用户所熟知，甚至在一些隐藏功能开启之后，我们会发现，手机端的Chrome远比我们想象中的强大，好用。下面是收集的一些功能技巧，以供大家参考。主页样式默认状态下，Chrome的主页是上图左边这种，只有一个主页按钮在页面的左上角。经常使用Chrom...
通过JS自动隐藏手机浏览器的地址栏
m0_53418068的博客
07-04 1329
App，如下左侧图片为通过safari打开淘宝网的首页，要不是因为底下的浏览器工具栏，还真像Native App。大家通过手机自带浏览器打开百度、淘宝，在首页加载完毕后，会自动隐藏页面上方的地址栏，加之这些网站针对手机浏览器做了优化，乍看之下，还真难区分这是WEB APP还是。如何才能实现将浏览器地址栏隐藏呢？百度一下，有很多资料，很简单，主要利用window.scrollTo()方法，将当前页面在屏幕上向上滚动，造成地址栏超出视野范围。但若你做一个简单页面，比如只有一句话，加上如上脚本，你会悲摧的发现，
vue手机浏览器隐藏状态栏_Chrome浏览器或很快移除PWA应用的状态栏
weixin_42358733的博客
01-20 887
早些时候，Techdows 报道了可从“设置”或“控制面板”中卸载 Chrome 浏览器的渐进式 Web 应用(简称 PWA)。不过现在，我们又见到了 Chrome Canary 中引入的又一项改动 —— 在最新的体验版本中，谷歌正在测试隐藏 PWA 应用的状态栏。当你将鼠标指针悬停在网页链接上时，原本可在窗口底部状态栏显示的完整链接信息已不复存在。长久以来，状态栏是帮助用户在点击链接之前，了解其...
解锁Chrome开发工具的隐藏功能
cnroot001的博客
06-15 1314
chrome浏览器的自带的开发者工具不仅可以调试web应用，也可以模拟终端设备。 开发和测试在工作中也常常会用到chrome开发者工具，它有很多隐藏的小功能，运用的好可以事半功倍，提高工作效率。今天来给大家介绍一下： Chrome开发工具打开方式 1、按下键盘F12 2、按下键盘Ctrl+shift+I 3、浏览器导航栏 …–>更多工具–>开发者工具 模拟终端设备 点击红色部分，开启模拟各种机型设备，如果没有你想要的，可以点击Edit进行勾选添加。 另外还可以设置不同手机型号的尺寸、屏幕缩放比例
谷歌工具栏
08-29
用户无需打开新的标签页或窗口，直接在工具栏上的搜索框输入关键词即可快速进行谷歌搜索，大大节省了时间。此外，搜索历史记录和自动填充功能进一步提升了搜索效率，让用户可以快速找到之前搜索过的信息。 其次，...
Naver工具栏「네이버 툴바」-crx插件
03-20
Chrome的Naver工具栏。上网更智能，更方便！ [1.0.1.7版本更新指南] 1.其他错误和稳定性改进 您是否使用浏览器顶部的按钮浏览网页时经常使用的上一个按钮，下一个按钮，新标签打开，关闭操作？现在你不必去浏览器的...
移动端WebApp隐藏地址栏的方法
09-03
主要介绍了移动端WebApp隐藏地址栏的方法,本文分别给出了4种方法,适应不同情况下使用,小编推荐最后一个方法,需要的朋友可以参考下
chrome apk 64.0.3282 chrome谷歌安卓浏览器
12-09
对于开发者来说，Chrome 64.0.3282版本对UI手机自动化测试非常友好。它支持WebDriver协议，允许自动化测试工具如Appium或Selendroid进行接口控制，实现对浏览器界面元素的自动化操作，如点击、滑动和输入文本，这...
HTML之实现可隐藏式导航栏
热门推荐
你的大数据学长
02-15 1万+
HTML之实现可隐藏导航栏预计目标部分代码展示关键代码解释frame框架用法hideOrDisplayNavFrame()函数解释结果展示 预计目标 论坛系统中左右两列的框架集结构便于浏览者导航，但同时也使得浏览者的工作区域变小。浏览者希望必要的时候可以隐藏框架集中的某个框架，以使得其他相邻的框架占据尽可能打的面积，如下图所示。现在希望在 tool.html 页面中放置一个自定义命令按钮，单机此按...
android 浏览器隐藏地址,移动端隐藏手机浏览器的地址栏一下底部的菜单栏
weixin_33122261的博客
05-26 2315
1、在设置移动端页面的宽高为100%的时候，里面的元素设置flex:1的时候，因为浏览器的地址栏以及下面的工具栏的问题会导致在有的手机上面的页面显示不全的问题。因为我们不好计算每一个浏览器的地址栏以及工具栏的高度，所以我们直接把它隐藏起来即可，下面的隐藏的代码。参考：https://juejin.cn/post/6844903983811674126备注：自测只有iso会生效，其他无效demo：i...
谷歌浏览器书签栏怎么隐藏 谷歌Chrome浏览器书签栏隐藏教程
yisago的博客
07-28 2033
打开谷歌Chrome浏览器，进入设置页面; 谷歌浏览器书签栏怎么隐藏？谷歌Chrome浏览器书签栏隐藏教程 谷歌浏览器书签栏怎么隐藏？谷歌Chrome浏览器书签栏隐藏教程 待设置页面弹出后，滑动找寻“显示书签栏”选项; 谷歌浏览器书签栏怎么隐藏？谷歌Chrome浏览器书签栏隐藏教程 谷歌浏览器书签栏怎么隐藏？谷歌Chrome浏览器书签栏隐藏教程 最后，将之关闭就可以了。 谷歌浏览器书签栏怎么隐藏？谷歌Chrome浏览器书签栏隐藏教程 内容来源：谷歌浏览器 ...
chrome怎么隐藏浏览器_如何使用Google Chrome的隐藏阅读器模式
cum43546的博客
09-16 1194
chrome怎么隐藏浏览器Chrome 75 has a hidden “Reader” mode that strips web pages down to the bare minimum to make them easier to, well, read. But it’s not enabled by default—here’s how to get it now. Chrome 75...
怎么配置在谷歌和ie内核时使用不同的_感受谷歌Edge浏览器的新功能
weixin_39860732的博客
12-03 235
使用过谷歌浏览器的用户都知道，谷歌在每一个版本的浏览器中都添加了一些试验功能。用户可以通过开启这些功能，来感受到一些新特性。而基于Chromium内核的新版本斯巴达浏览器(Edge)，也默认继承了谷歌浏览器的这一特性，因此在发布的浏览器中隐藏了一些功能。那么办公用户如何来感受到这些隐藏功能呢？激活浏览器阅读模式现在很多主流的浏览器都增加了阅读模式的功能，这样可以方便用户专心地进行网页阅读。老版本的...
Android全屏，即隐藏状态栏和标题栏
CavalryNet
09-15 715
Android全屏，即隐藏状态栏和标题栏 老是忘记全屏代码，所有记下来。 [代码] [XML]代码 <manifest xmlns:android="http://schemas.android.com/apk/res/android" pac
Android 状态栏隐藏小技巧
kulolun的专栏
03-04 409
有时为了实现全屏，经常会遇到需要将Android系统的状态栏隐藏的需求，我这里有个小技巧，只需修改一段代码就可以实现。 找到frameworks\base\packages\SystemUI\src\com\android\systemui\SystemBars.java， 里面有个定义config_statusBarComponent， 将<string name="config_s...
Chrome扩展：PC端模拟手机浏览器访问技术
- 扩展程序安装后，在浏览器工具栏中会出现相应的图标，可以通过它激活或管理扩展程序。 6. MockMobile扩展程序的实例分析： 根据文件名“MockMobile”，我们可以推测该扩展程序就是这类模拟手机浏览器的Chrome...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值