feat:提交解决碎片化内容

Author: RelaxPic

.idea/.gitignore

@@ -1,15 +1,15 @@
 {
-  "index": "Introduction",
-  "another": "Another Page",
-  "advanced": "Advanced (A Folder)",
+  "index": "WebView碎片化的原因",
+  "geckoview": "Mozilla/GeckoView",
+  "chromium_webview": "Chromium/Android WebView",
   "about": {
-    "title": "About",
+    "title": "关于",
     "type": "page"
   },
   "contact": {
     "title": "Contact ↗",
     "type": "page",
-    "href": "https://twitter.com/shuding_",
+    "href": "mailto:webdev_support@protonmail.com",
     "newWindow": true
   }
 }

pages/_meta.json

@@ -1,3 +1,8 @@
-# About
+# 关于
+
+提供安卓WebView碎片化解决方案。
+
+咨询可添加(添加时请说明来由：碎片化解决方案。尽量添加微信，邮件可能会稍微慢点)。
+
+微信: `linkshirley` , 邮箱：`webdev_support@protonmail.com`,
 
-This is the about page! This page is shown on the navbar.

pages/about.mdx

@@ -0,0 +1 @@
+#

pages/advanced.mdx

@@ -0,0 +1,34 @@
+# 使用GeckoView解决安卓平台碎片化的问题
+
+
+GeckoView是Mozilla开发的一个强大的工具，可以作为替代Android平台上的WebView的解决方案。相比于传统的WebView，GeckoView提供了更多的灵活性和控制权。
+
+首先，GeckoView基于Firefox浏览器的核心引擎Gecko，具备强大的渲染能力和支持最新Web标准的能力。这意味着您可以在应用程序中使用最新的HTML5、CSS3和JavaScript功能，以提供更丰富、更现代化的用户体验。
+
+其次，GeckoView提供了丰富的API和工具，使开发者能够完全控制浏览器的行为和外观。您可以自定义用户界面、处理网络请求、管理Cookie和缓存等。这样，您可以根据应用程序的需求和设计准则来定制浏览器的外观和功能，提供更一致的用户体验。
+
+另外，GeckoView还支持多进程架构，这意味着浏览器可以在单独的进程中运行，提高应用程序的性能和稳定性。此外，GeckoView还提供了安全性和隐私保护方面的功能，例如沙盒环境和跨站点脚本攻击(XSS)防护等。
+
+总之，GeckoView是一个功能强大且高度可定制的浏览引擎，可以替代传统的WebView，并为开发者提供更多的灵活性、控制权和现代化的Web功能。无论是构建自定义浏览器还是将浏览功能集成到应用程序中，GeckoView都是一个优秀的选择。
+
+
+### GeckoView能够替代WebView，并且能够拥有更加强大的功能。下面是我们的方案提供的一些特性
+
+1. 自定义DNS/加密DNS解决劫持问题
+2. js和native的通信方案
+3. 调用GeckoView摄像头
+4. 调用GeckoView的文件选择器
+5. GeckoView 获取地理位置
+6. GeckoView自定义错误页面
+7. GeckoView支持视频全屏播放,支持后台播放等
+8. 拦截Deeplink
+9. GeckoView套壳,将vue项目打包,直接封装成安卓应用解决跨域问题
+
+
+
+### 资源链接
+
+1. [集成GevkoView的DEMO下载]()
+
+2. [GeckoView功能兼容性仓库地址](https://github.com/webdev-support/vue3-h5-template.git)
+

pages/advanced/satori.mdx

@@ -1,11 +1,27 @@
-# Introduction
- 
-Welcome to Nextra! This is a basic docs template. You can use it as a starting point for your own project :)
+# WebView碎片化的原因
+
+### WebView碎片化的原因：
+
+1. 多厂商定制：不同手机厂商对基于Android系统的WebView进行定制，导致WebView内核的版本和功能存在差异。
+2. 系统更新滞后：部分手机厂商未及时更新其系统，导致WebView无法获得最新版本的更新。
+3. 部分手机厂商限制切换：某些手机厂商限制用户切换到Android System WebView，使得用户无法更新并切换到Google WebView。
+4. 网络限制：由于网络问题，国内用户无法通过Google Play Store更新WebView。
+
+#### WebView碎片化造成的成本：
+
+1. 兼容性测试：开发人员需要针对不同厂商的WebView进行兼容性测试，增加了开发成本和时间投入。手机/电视盒子/车机等设备，巨大的WebView版本差异。
+2. 功能开发受限：受限于WebView的版本和功能差异，开发人员无法充分利用最新的WebView功能，限制了应用功能的开发。
+3. 安全漏洞：旧版本的WebView可能存在安全漏洞，增加了应用的安全风险。
+4. 第三方依赖：应用使用的第三方JavaScript/CSS库可能不支持较低版本的WebView，因此需要频繁进行修改以兼容低版本WebView。
+
+#### WebView碎片化解决方案：
+
+1. 应用嵌入GeckoView：GeckoView是Mozilla提供的一个开源的WebView组件，可提供稳定的、统一的WebView体验，减少不同厂商定制所带来的差异。
+2. 应用嵌入Chromium WebView：Chromium WebView是基于Chromium项目的WebView实现，具备先进的功能和性能，并且能够及时获得最新的更新。
+
+通过采用以上解决方案，可以降低WebView碎片化带来的开发成本，提高应用的兼容性和安全性。
+
 
-## What is Nextra?
 
-A **simple**, **powerful** and **flexible** site generation framework with everything you love from Next.js.
 
-## Documentation
 
-The documentation is available at [https://nextra.site](https://nextra.site).