android - 英特尔 xdk jquery css 不工作

Question

我在 jquery 中使用 .css 对图像产生影响时遇到问题。效果在 Emulator 上有效 但不适用于真正的安卓设备

我也是

$('.grayscale').click(function(){
                   $('img').css({'-webkit-filter':'grayscale(1)','filter':'grayscale(1)'});
                });

n 不使用 overflow-x:scroll , -webkit-overflow-x:scroll

谢谢......

Answer 1

请参阅此 StackOverflow 回复，它应该可以回答您的问题:Css filter blur is not working in Cordova app, Android 4.4.2, Nexus 4

本质上，当您在真实设备上运行时，您是在 WebView 中，这意味着您不是在最新最好的浏览器中。 webview 就像一个内置于固件中的“嵌入式浏览器”，因此它不会像应用程序那样得到更新。有关更多背景信息，请参阅此博客:http://blogs.intel.com/evangelists/2014/09/02/html5-web-app-webview-app

XDK 中内置了一个用于 Brackets 编辑器的特殊 linting 扩展，可以帮助您识别不受支持的 CSS 问题。转到“文件 --> 扩展管理器...”菜单项并安装“XLint for Intel XDK”扩展。

此外，如果您检查 caniuse.com 对“Android 浏览器”的支持，这会让您了解 webview 支持的内容，但它并不完全准确，因为 webview 通常具有较少的功能集比普通的 Android 浏览器。