English

经验分享: 如何在Android Studio项目中嵌入crosswalk的WebView控件(XWalkView)

1. 从 https://crosswalk-project.org/documentation/downloads.html 下载合适的Crosswalk Android webview包并解压
2. 将crosswalk libs下的xwalk_core_library_java.jar拷贝到Android Studio项目的app/libs目录下,在此文件上点右键,选择"Add As Library..."将其加入到当前项目中
3. 将crosswalk libs下其它内容拷贝到app/src/main/jniLibs目录下
4. 用右键新建一个Android资源目录(Resource Folder)res2,将crosswalk的res目录下的所有文件拷贝到res2目录
5. 修改AndroidMenifest.xml,加入如下权限:
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.WAKE_LOCK" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
application节点增加如下属性: android:hardwareAccelerated="true" (crosswalk webview需要硬件加速才能正常工作) 6. 在layout文件中,加入如下代码:
      <org.xwalk.core.XWalkView android:id="@+id/webview"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </org.xwalk.core.XWalkView>
7. 在Activity文件中,调用crosswalk webview(XWalkView)加载网页:
      XWalkView mXWalkView = (XWalkView) findViewById(R.id.webview);
      mXWalkView.load("http://zhuatang.com", null);
如果想要远程调试网页,加入如下代码即可:
      XWalkPreferences.setValue(XWalkPreferences.REMOTE_DEBUGGING, true);
注:测试代码已上传github,可从 https://github.com/zhsoft88/TestCrosswalkEmbed2 下载或同步。
产品族: 海狮 海猫 海葵 海蛛 海鹞 海星 海狗 WBXL Xultray webapp
iDocSet iDocSetHelper Blink浏览器 templateJS 布偶猫 skiafy tranid 犀利播放器 犀利助手
(C) 2019 抓糖网 版权所有

update: 2015-9-21