做网站一般有什么题目,微信公众号如何做网站,网站开发代码 免责声明,做网站需要数据库目录
一、手机上做前端页面开发调试
1、背景
2、视频监控平台AS-V1000的视频分享页
3、调试手机前端页面代码的条件
二、手机端的准备工作
1、手机准备
2、手机的开发者模式
3、PC和手机的连接
#xff08;1#xff09;进入调试模式
#xff08;2#xff09;选择…目录
一、手机上做前端页面开发调试
1、背景
2、视频监控平台AS-V1000的视频分享页
3、调试手机前端页面代码的条件
二、手机端的准备工作
1、手机准备
2、手机的开发者模式
3、PC和手机的连接
1进入调试模式
2选择PC和手机的连接方式
三、在PC端调试手机端的前端页面
1、在PC上进入调试状态
2、连接上手机及其状态
3、在PC上显示手机上前端网页的调试页面
1条件
2PC上的操作
3PC上显示的调试页面
四、参考文档 一、手机上做前端页面开发调试
1、背景 基于AS-V1000视频平台制作的视频分享页可以在手机浏览器和电脑浏览器打开该视频分享页输入URL后可以免登录观看相应的视频。 然而电脑网页可以通过开发者工具调试但是手机网页却无法这么方便地显示调试信息。手机端出现错误比如看不到视频画面等一些手机网页端出现的bug问题非常不好定位为了解决这个问题需要能调试手机上的前端页面因此我们找到了方法可以使用PC远程调试手机端的前端页面。
2、视频监控平台AS-V1000的视频分享页 视频监控平台的web分享页实现的功能包括PTZ控制免密视频浏览语音对讲视频水印等等。如下图所示 有兴趣的可以参考前面的文章 《视频监控平台-web客户端分享页实现PTZ控制免密视频浏览语音对讲实时分享功能介绍》 3、调试手机前端页面代码的条件 远程调试方法需要满足的条件如下 1手机进入开发者模式和usb调试模式。 2电脑和手机都有相同的浏览器比如edge且电脑上的edge版本比手机上的版本更新。 3手机用数据线对接电脑。 二、手机端的准备工作
1、手机准备 准备的手机是华为MATE40EOS是鸿蒙4.0.0版本。接下来以它为例介绍手机的配置如何进开发者模式和打开usb调试模式。
2、手机的开发者模式 打开设置选择“关于手机”连续点击下图所示位置7次输入密码确认后就能进入开发者模式。如下图示 3、PC和手机的连接
1进入调试模式 打开开发者模式后我们才可以打开usb调试模式。 在上节的界面中选择返回进入设置页面点击“系统与更新”。下拉选择开发人员选项。在调试栏中打开usb调试即可。如下图所示 2选择PC和手机的连接方式 通过手机的数据线连接调试电脑和手机在手机上选择“传输文件或者传输照片”都可以不可选择“仅充电”。如下图所示 三、在PC端调试手机端的前端页面
1、在PC上进入调试状态 电脑上打开edge在地址栏上输入 edge://inspect/#devices 然耨进入下图所示页面目前电脑没有连接手机因此Remote Target 没有任何设备。 2、连接上手机及其状态 连接上手机后页面就会显示该手机的型号代码如下图所示 3、在PC上显示手机上前端网页的调试页面
1条件 手机端已经打开浏览器并访问了需要调试的视频分享页。
2PC上的操作 在1的条件完成后在PC上显示如下页面 其中新增加的部分为最下面的网页url和几个连接其中网页url就是手机浏览器打开的分享页的网页点击inspect进入下一步。
3PC上显示的调试页面 如下图为inspect后显示的页面效果显然左边是手机上的网页显示右边是调试信息类似PC上浏览器的开发者工具显示的效果。 至此我们就可以像在PC上一样调试手机上的前端网页了。 四、参考文档 《视频监控平台-web客户端分享页实现PTZ控制免密视频浏览语音对讲实时分享功能介绍》 文章正下方可以看到我的联系方式鼠标“点击” 下面的 “威迪斯特-就是video system 微信名片”字样就会出现我的二维码欢迎沟通探讨。
