谷歌浏览器机型调试 谷歌浏览器机型调试失败

其实谷歌浏览器机型调试的问题并不复杂,但是又很多的朋友都不太了解谷歌浏览器机型调试失败,因此呢,今天小编就来为大家分享谷歌浏览器机型调试的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!

谷歌浏览器机型调试 谷歌浏览器机型调试失败

本文目录

  1. 如何手机与手机投屏
  2. 苹果iPhone14系列机型如何自定义浏览器设置
  3. 移动端手机调试的几种方法

一、如何手机与手机投屏

若使用的vivo手机,可以参考以下投屏方式:

投屏电视等大屏设备:使用投屏时需要手机与大屏设备连接至同一WLAN,再进入手机设置--其他网络与连接--投屏,开启蓝牙后,在可用设备列表中,选择需要投屏的设备,即可投屏。

投屏电脑:需要手机与电脑接入同一网络,电脑端安装并打开互传(下载电脑端互传:网页链接),进入手机设置--其他网络与连接--投屏--屏幕右上方扫码标识,点击扫描电脑端互传多屏互动二维码,即可投屏。

注:暂时仅支持windows系统电脑;平板暂不支持通过互传投屏到电脑;上下折叠屏机型的外屏不支持投屏。

投屏vivo Pad:手机和vivo Pad需要保持开启蓝牙和连接同一WLAN,登录同一个vivo帐号;再进入手机设置--其他网络与连接--投屏,在可用设备列表中,点击需要投屏的设备,即可投屏。

注:可进入手机设置--其他网络与连接--投屏--右上角“?”图标--帮助界面查看了解操作详情

a、手机进入开发者选项开启“USB调试”;开发者选项的开启方法,可进入vivo官网--我的--在线客服--下滑底部--在线客服--输入人工客服进入咨询了解。

注:该选项主要适用于开发人员,不建议日常使用中进行开启;进入后不要随意更改操作,避免出现异常。

b、电脑端需下载互传PC版网页链接,选择windows下载,安装完成后打开电脑版互传;

c、将USB数据线连接手机和电脑;

d、手机弹出“允许USB调试吗?”,选择“允许”;

e、连接成功后,可进行查看文件、拖动传输文件、资料备份、多屏互动(投屏到显示器)的操作。

注:平板目前暂不支持通过互传投屏到电脑;上下折叠屏机型的外屏不支持投屏。

2、可以购买转接线,连接Type-C充电口与大屏设备的HDMI、DP接口进行投屏;

目前支持USB 3.2 Gen1/USB 3.1 Gen1/USB 3.0/USB 5Gbps的机型有:

vivo Pad Air、iQOO Pad、vivo Pad2、X90Pro、X90Pro+、XFold+、X80Pro骁龙版、X80Pro天玑版、XFold、XNote、vivoPad、X70Pro+;

其他机型的数据线接口均为USB2.0.

注①:USB3.2Gen1=USB3.1Gen1=USB3.0=USB5Gbps.

USB3.0传输协议需数据接口、U盘或数据线等均支持才能够使用;目前机器均标配USB2.0的数据线。

注②:vivo Pad2标配数据线也支持USB3.2传输标准,vivo Pad采用全功能高速 USB-C接口,即支持USB 3.1高速传输和DP高清投屏

注③:支持USB3.0的机型均适配VGA投屏功能。

手机可通过NFC投屏到vivo Pad,需手机和vivo Pad保持开启WiFi和蓝牙;同时手机需进入设置--其他网络与连接--NFC--开启“NFC快捷分享”,并保持亮屏状态,然后使用手机背部NFC区域碰触vivo Pad NFC区域(前置摄像头右上角),即可进行投屏。

注:手机需处于文件管理、相册选中文件以外的任意界面;上下折叠屏机型的外屏不支持投屏。

在手机投屏至电视等设备过程中,点击投屏图标,选择“固定应用投屏”即可,让其他操作不会被投屏,可以更好地保护隐私。

咨询支持NFC的机型或有更多疑问,可进入vivo官网--我的--在线客服--下滑底部--在线客服--输入人工客服进入咨询了解。

二、苹果iPhone14系列机型如何自定义浏览器设置

在iPhone自带的Safari浏览器中,用户可以根据自己的喜好和使用习惯来更改浏览器布局、自定起始页、更改网站上的文本大小以及更改显示和隐私设置。

如果有多部苹果设备,并且在多个设备上通过同一个AppleID登录了iCloud,可以让标签页、书签、历史记录和阅读列表在所有设备上保持最新。

可以通过新的背景图像和选项来自定起始页。

1.可以轻点图标,再轻点+号。滚动到页面底部,然后轻点编辑。

在所有设备上使用起始页:在通过AppleID登录的所有Apple设备上保持设置和偏好设置最新。

标签页组个人收藏:快速查看和打开已标记为个人收藏的标签页。

最近关闭的标签页:返回到之前关闭的标签页。

个人收藏:显示所收藏且已添加书签网站的快捷方式。请参阅查看隐私报告。

阅读列表:显示当前位于阅读列表中的网页。

iCloud标签页:如果其他Apple设备使用相同的AppleID登录且在iCloud设置或偏好设置中打开了Safari浏览器,会显示其中打开的标签页。请参阅在iPhone上的Safari浏览器中使用标签页组整理标签页。

背景图像:选取每次在此标签页组中打开新起始页时,背景中出现的图像。

小提示:如果所有Apple设备均已打开在所有设备上使用起始页,且已通过同一个使用双重认证的AppleID登录,自定起始页设置会在这些设备上更新。

使用页面设置按钮来增加或减小文本大小。

轻点搜索栏左侧的大小。轻点大以增加字体大小,或轻点小以减小。

你可以切换至阅读器、隐藏搜索栏、设定网站的隐私控制等等。

轻点大小,然后执行以下任一项操作:

查看无广告或导航菜单的网页:轻点显示阅读器(需要网站支持)。

隐藏搜索栏:轻点隐藏工具栏(轻点屏幕底部可重新显示)。

查看网页在台式电脑上的显示效果:轻点请求桌面网站(需要网站支持)。

设定每次访问此网站时的显示和隐藏控制:轻点网站设置。

三、移动端手机调试的几种方法

很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化的界面。不似在PC端,我们能直观的去改变样式,或者是进行断点调试。

1、Chrome DevTools(谷歌浏览器)的模拟手机调试

3、Chrome DevTools远程调试Android

这种调试方式不仅能用于模拟手机调试还是主要的PC端页面调试的方式,这里主要说用于手机调试。

a.谷歌浏览器的开发者工具,可以参照下图右键选择”检查“或者使用快捷键F12,打开开发者工具。

b.打开后看到类似如下界面的开发者调试界面,Elements可以查看文档元素,Console可以在线调试js和查看输出结果,Sources可以调试JS和查看依赖资源,Network查看所有的网络请求等等。

c.如果没有需要模拟的机型怎么办?可以增加,点开机型设置面板,选择edit,然后可以在右方修改展示机型,如下:

a.使用数据线将 iPhone与 Mac相连

b.iPhone开启 Web检查器(设置 -> Safari -> 高级 -> 开启 Web检查器)

c.iPhone使用 Safari浏览器打开要调试的页面(以兰亭单品页为例)

d.Mac打开 Safari浏览器调试(菜单栏 —> 开发 -> iPhone设备名 -> 选择调试页面)

如果你的菜单栏没有“开发”选项,可以到左上角 Safari -> 偏好设置 -> 高级 -> 在菜单栏中显示“开发”菜单。

e.在弹出的 Safari Developer Tools中调试。

经过如上步骤就可在 Mac端调试 iPhone上 Safari运行的页面了。

a.在 Chrome浏览器地址栏中输入  chrome://inspect/#devices 并回车,就可以打开 Inspect调试界面,此时我们勾选Discover USB devices 选项便可以看到设备列表。

b.然后打开手机中开发者选项并打开 USB调试开关(具体方法自行百度,不同手机有一定区别),使用数据线将手机连接到电脑上,我们就可以在设备列表中看到自己的设备。

c.这时,打开手机上的Chrome浏览器,随便打开一个网址(以兰亭单品页为例),设备列表中你的设备下便会出现你打开的页面。

e.接下来你便可以和调试 PC界面一样通过 Chrome进行你所需要的调试,你在左侧屏幕上做的一切操作和你的手机上的操作会始终保持同步,如果你嫌左边这块多余,也可以关闭 Toggle Screencast只保留控制台本身。

关于谷歌浏览器机型调试,谷歌浏览器机型调试失败的介绍到此结束,希望对大家有所帮助。

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/167070.html