我正在制作直径为7px的小圆圈
我在配置中应用了hardware accelerated = true,并添加了
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translateZ(0px);
到我的div元素的css类。为什么它仍以这种“低质量”风格显示呢?
在我测试的其他移动设备上,它们渲染得更顺畅。我知道它确实取决于设备的硬件,但有人可以详细说明如何正确应用上述内容,所以如果满足硬件要求,它至少会“工作”吗?
提前致谢。
答案 0 :(得分:3)
Cordova WebView是系统webview,因此根据您运行应用程序的Android OS版本而有所不同。你能告诉我们你正在测试的设备是什么版本的Android?
另外,当你的意思是"在其他移动设备上我已经测试了"哪些是那些?其他Android设备与其他Android操作系统版本或iOS设备?请提供更多反馈。
无论如何,问题可能是webview不支持硬件加速CSS 3D转换。我建议你检查一下像CocoonJS的WebView +或英特尔的Crosswalk这样的解决方案。 WebView +是基于Chromium for Android 4.0+设备的webview,因此Android上没有更多碎片(无论你执行应用程序的Android操作系统版本都是相同的环境)以及Chrome执行应用程序的所有功能。使用CocoonJS Launcher进行测试非常简单:https://play.google.com/store/apps/details?id=com.ideateca.cocoonjslauncher&hl=en
转到您的应用并指向您的应用可以测试它的网址(类似于网络浏览器)。然后,您可以使用CocoonJS Cordova命令行编译最终应用程序:http://support.ludei.com/hc/en-us/articles/202568973-First-steps-with-CocoonJS-CLI或用于Cordova应用程序的CocoonJS Cloud编译器。
他们还为iOS 8提供了WKWebView和WebView +(以防万一你也对iOS有了改进的性能):http://blog.ludei.com/build-phonegap-cordova-apps-using-the-wkwebview-right-now/
您还可以使用适用于iOS的CocoonJS Launcher进行测试:https://itunes.apple.com/us/app/cocoonjs-by-ludei/id519623307?mt=8
希望这有帮助。