0

我正在使用 cordova InAppBrowser 来显示来自外部站点的内容。当我在 iPhone 上打开浏览器时，InAppBrowser 内容的缩放级别与我的应用程序其余部分的缩放级别相匹配。当我导航到我的 Android 设备中的同一位置时，InAppBrowser 内容显示为缩小且非常小且难以阅读。

有谁知道为 Android 设备设置或调整 InAppBrowser 的缩放级别或视口的方法？

注意：我可以控制 InAppBrowser 中显示的内容的样式，但不能控制该站点的 html 或 javascript。

4

1 回答 1

4

我找到了一种将 android InAppBrowser 视口更改为与 iOS InAppBrowser 一致的方法。它需要修改cordova源代码，但实际上很容易做到……只需要更改一行代码。

以下是一些分步说明：

  1. 下载cordova源代码：“git clone https://github.com/apache/cordova-android.git ”
  2. 下载公共编解码器库：http: //ftp.carnet.hr/misc/apache//commons/codec/binaries/commons-codec-1.7-bin.zip
  3. 打开 Android 开发者工具
  4. 将cordova项目导入您的工作区（文件>导入...>现有项目到工作区）
  5. 创建一个“libs”目录并将下载的 commons-codec-1.7.jar 文件复制到其中。
  6. 将“gen”文件夹添加到项目中（.classpath 文件需要，但不包含在 git 下载中，因为 git 不允许空文件夹）
  7. 转到项目 > 全部构建。该项目应该没有错误地构建。
  8. 打开 InAppBrowser.java 并搜索“inAppWebView.getSettings().setUseWideViewPort(true);” （我下载的科尔多瓦版本中的第 458 行）。
  9. 在该行中将“true”更改为“false”。
  10. 再次构建项目。
  11. 将 bin/cordova.jar 文件复制到您正在使用 cordova 的任何项目中。

这将更改视口以与 iOS InAppBrowser 保持一致。如果您更喜欢更宽的视口，但仍希望在 Android/iOS 之间保持一致，您可能可以在 cordova- ios源代码中执行类似的操作来更改 iOS 以使用更宽的视口（但我还没有研究过）。

我从这个 google 组获得了一些关于获取 cordova 源代码和构建项目的信息：https ://groups.google.com/forum/?fromgroups=#!topic/phonegap/mUcBcjPISgg

于 2013-03-12T16:07:58.247 回答