浏览代码

其他流页面也配置ios
开发补丁需求: 苹果手机H5添加ICon, 推流界面浏览器底部信息(增加画面屏占比)

t_finder 1 月之前
父节点
当前提交
0cac7f17b0

+ 1 - 1
static/rtcEngine/WXtrialInterface.html

@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8" />
-    <title>双子星云手机</title>
+    <title>云手机</title>
     <!-- 告诉 IE 浏览器使用最新的渲染引擎(Edge 模式)来渲染页面,而不是使用旧的兼容模式。这可以确保页面在 IE 浏览器中以最佳方式显示。 -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <!-- 强制页面在移动设备上以竖屏模式显示 portrait 表示页面只能以竖屏模式显示 -->

+ 1 - 1
static/screenAndroid/WXtrialInterface.html

@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>双子星云手机</title>
+  <title>云手机</title>
   <!-- 告诉 IE 浏览器使用最新的渲染引擎(Edge 模式)来渲染页面,而不是使用旧的兼容模式。这可以确保页面在 IE 浏览器中以最佳方式显示。 -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <!-- 强制页面在移动设备上以竖屏模式显示 portrait 表示页面只能以竖屏模式显示 -->

+ 14 - 10
static/screenIos/WXtrialInterface.html

@@ -3,23 +3,27 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>双子星云手机</title>
+  <title>云手机</title>
+  <!-- 告诉 IE 浏览器使用最新的渲染引擎(Edge 模式)来渲染页面,而不是使用旧的兼容模式。这可以确保页面在 IE 浏览器中以最佳方式显示。 -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <!-- 强制页面在移动设备上以竖屏模式显示 portrait 表示页面只能以竖屏模式显示 -->
   <meta name="x5-orientation" content="portrait" />
+  <!-- 与 x5-orientation 类似,用于指定页面的方向 -->
   <meta name="screen-orientation" content="portrait" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <!-- 控制页面在移动设备上的视口(viewport)行为 -->
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no,viewport-fit=cover" />
-  <!-- 删除苹果默认的工具栏和菜单栏 -->
+  <!-- 允许网页应用以全屏模式运行 当用户将网页添加到主屏幕后,点击图标打开时,页面会以全屏模式显示,隐藏浏览器的地址栏和导航栏。适用于将网页应用伪装成原生应用的场景-->
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <!-- 控制页面在 iOS 设备上的全屏模式和状态栏颜色 -->
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <!-- 设置苹果工具栏颜 -->
+  <!-- 禁止自动识别电话号码和邮箱地址 -->
   <meta name="format-detection" content="telphone=no, email=no" />
   <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
-  <!-- 启用360浏览器的极速模(webkit) -->
+  <!-- 启用360浏览器的极速模?(webkit) -->
   <meta name="renderer" content="webkit" />
-  <!-- 避免IE使用兼容模式 -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑 -->
+  <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑? -->
   <meta name="HandheldFriendly" content="true" />
-  <!-- 微软的老式浏览 -->
+  <!-- 微软的老式浏览? -->
   <meta name="MobileOptimized" content="320" />
   <!-- 不能旋转,问题出在这 -->
   <!-- UC强制全屏 -->
@@ -30,7 +34,7 @@
   <meta name="browsermode" content="application" />
   <!-- QQ应用模式 -->
   <meta name="x5-page-mode" content="app" />
-  <!-- windows phone 点击无高 -->
+  <!-- 禁用 Windows Phone 8 及更高版本中的灰色点击高亮 -->
   <meta name="msapplication-tap-highlight" content="no" />
   <link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
   <link rel="stylesheet" href="../static/css/weui.min.css" />

+ 14 - 11
static/webRtcYJ/WXtrialInterface.html

@@ -3,24 +3,27 @@
 
 <head>
   <meta charset="utf-8" />
-  <title>双子星云手机</title>
+  <title>云手机</title>
+  <!-- 告诉 IE 浏览器使用最新的渲染引擎(Edge 模式)来渲染页面,而不是使用旧的兼容模式。这可以确保页面在 IE 浏览器中以最佳方式显示。 -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <!-- 强制页面在移动设备上以竖屏模式显示 portrait 表示页面只能以竖屏模式显示 -->
   <meta name="x5-orientation" content="portrait" />
+  <!-- 与 x5-orientation 类似,用于指定页面的方向 -->
   <meta name="screen-orientation" content="portrait" />
+  <!-- 控制页面在移动设备上的视口(viewport)行为 -->
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no,viewport-fit=cover" />
+  <!-- 允许网页应用以全屏模式运行 当用户将网页添加到主屏幕后,点击图标打开时,页面会以全屏模式显示,隐藏浏览器的地址栏和导航栏。适用于将网页应用伪装成原生应用的场景-->
   <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="viewport"
-    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no,viewport-fit=cover" />
-  <!-- 删除苹果默认的工具栏和菜单栏 -->
+  <!-- 控制页面在 iOS 设备上的全屏模式和状态栏颜色 -->
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <!-- 设置苹果工具栏颜 -->
+  <!-- 禁止自动识别电话号码和邮箱地址 -->
   <meta name="format-detection" content="telphone=no, email=no" />
   <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
-  <!-- 启用360浏览器的极速模(webkit) -->
+  <!-- 启用360浏览器的极速模?(webkit) -->
   <meta name="renderer" content="webkit" />
-  <!-- 避免IE使用兼容模式 -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑 -->
+  <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑? -->
   <meta name="HandheldFriendly" content="true" />
-  <!-- 微软的老式浏览 -->
+  <!-- 微软的老式浏览? -->
   <meta name="MobileOptimized" content="320" />
   <!-- 不能旋转,问题出在这 -->
   <!-- UC强制全屏 -->
@@ -31,7 +34,7 @@
   <meta name="browsermode" content="application" />
   <!-- QQ应用模式 -->
   <meta name="x5-page-mode" content="app" />
-  <!-- windows phone 点击无高 -->
+  <!-- 禁用 Windows Phone 8 及更高版本中的灰色点击高亮 -->
   <meta name="msapplication-tap-highlight" content="no" />
   <link rel="stylesheet" type="text/css" href="css/WXtrialInterface.css" />
   <link rel="stylesheet" href="../static/css/weui.min.css" />