Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
tangdehang
/
android-cloud-H5
İzle 1
Yıldızla 0
Çatalla 0
Files Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

开发补丁需求: 苹果手机H5添加ICon， 推流界面浏览器底部信息（增加画面屏占比）

t_finder 1 ay önce
ebeveyn
52057df3b4
işleme
624576dbf0
2 değiştirilmiş dosya ile 41 ekleme ve 5 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 33 2
      static/rtcEngine/WXtrialInterface.html
  2. 8 3
      static/screenAndroid/WXtrialInterface.html

+ 33 - 2
static/rtcEngine/WXtrialInterface.html
Dosyayı Görüntüle 

@@ -2,9 +2,40 @@
 
 <html lang="en">
 
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta charset="utf-8" />
 
     <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" />
 
+    <!-- 控制页面在 iOS 设备上的全屏模式和状态栏颜色 -->
 
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
+    <!-- 禁止自动识别电话号码和邮箱地址 -->
 
+    <meta name="format-detection" content="telphone=no, email=no" />
 
+    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
 
+    <!-- 启用360浏览器的极速模?(webkit) -->
 
+    <meta name="renderer" content="webkit" />
 
+    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑? -->
 
+    <meta name="HandheldFriendly" content="true" />
 
+    <!-- 微软的老式浏览? -->
 
+    <meta name="MobileOptimized" content="320" />
 
+    <!-- 不能旋转，问题出在这 -->
 
+    <!-- UC强制全屏 -->
 
+    <meta name="full-screen" content="yes" />
 
+    <!-- QQ强制全屏 -->
 
+    <meta name="x5-fullscreen" content="true" />
 
+    <!-- UC应用模式 -->
 
+    <meta name="browsermode" content="application" />
 
+    <!-- QQ应用模式 -->
 
+    <meta name="x5-page-mode" content="app" />
 
+    <!-- 禁用 Windows Phone 8 及更高版本中的灰色点击高亮 -->
 
+    <meta name="msapplication-tap-highlight" content="no" />
 
     <link rel="stylesheet" href="./config/css/vant.css">
 
     <link rel="stylesheet" href="./css/WXtrialInterface.css">
 
     <!-- <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/vConsole/3.12.1/vconsole.min.js"></script>

+ 8 - 3
static/screenAndroid/WXtrialInterface.html
Dosyayı Görüntüle 

@@ -4,14 +4,19 @@
 
 <head>
 
   <meta charset="utf-8" />
 
   <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" />
 
-  <!-- 删除苹果默认的工具栏和菜单栏 -->
 
+  <!-- 控制页面在 iOS 设备上的全屏模式和状态栏颜色 -->
 
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
-  <!-- 设置苹果工具栏颜? -->
 
+  <!-- 禁止自动识别电话号码和邮箱地址 -->
 
   <meta name="format-detection" content="telphone=no, email=no" />
 
   <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
 
   <!-- 启用360浏览器的极速模?(webkit) -->
 
@@ -29,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/lib/weui/1.1.3/style/weui.min.css" />