搜索文档 /

Web视图

Web视图支持本地设备上的Web应用程序。

Web View自动为集成的应用程序提供 电容器

科尔多瓦 ,离betway东盟体育app子保持 Web视图插件 .使用Ionic CLI时,该插件是默认提供的。betway东盟体育app

什么是Web View?

betway东盟体育app离子应用程序是使用 网络技术 并使用Web view渲染,这是一个全屏和全功能的Web浏览器。

现代Web视图提供了许多内置的功能 HTML5 api 用于硬件功能,如摄像头、传感器、GPS、扬声器和蓝牙,但有时也可能需要访问特定于平台的硬件api。在Iobetway东盟体育appnic应用中,硬件api可以通过桥接层访问,通常是通过使用暴露JavaScript api的本地插件。

webview架构

Ionibetway东盟体育appc Web View插件专为现代JavaScript应用而设计。对于iOS和Android,应用程序文件总是使用 http:// 在本地设备上运行优化的HTTP服务器。

歌珥

Web视图执行 歌珥 ,因此外部服务正确处理跨源请求非常重要。看到 歌珥常见问题 参阅离子应用程序中处理CORS的信息。betway东盟体育app

文件的协议

电容和Cordova应用程序托管在本地HTTP服务器上,并与 http:// 协议。然而,一些插件试图通过 文件:/ / 协议。为了避免在 http:// 文件:/ / ,必须重写设备文件的路径才能使用本地HTTP服务器。例如, file:///path/to/device/file 必须重写为 http:// <主机>:<端口> / <前缀> /道路/ /设备/文件 在应用程序中呈现之前。

对于电容应用程序,像这样转换文件uri:


              进口
             
              
             电容器
              
             
              
             
              “@capacitor /核心”
              
             电容器
              
              convertFileSrc
              
             filePath
              
              
复制 复制

对于Cordova的应用程序来说 betway东盟体育app离子Web视图插件 提供了一个转换文件uri的实用函数: window.betway东盟体育appIonic.WebView.convertFileSrc () .还有一个相应的Ionic Native插件:betway东盟体育app @betway东盟体育appionic-native / ionic-webview

实现

以前的
跨平台的
下一个
静脉是什么?
Baidu