Articles of WebKit

在iOS或Android上开发WebKit的问题/错误

我即将开发一个支持触控的主要移动WebKit应用程序。 我正在寻找有关与基于桌面的标准浏览器不同的任何提示或建议。 例如: 在iOS上click事件不会向上传播到元素上的元素,除了某些情况(链接,输入,带有附加事件的元素等)。 Android WebKit不会为多点触控发出事件。 我知道这些。 还有其他一些问题吗? 你知道一些已知问题的清单吗?

在android蜂窝webview / webkit中实现水平/垂直手指滑动滚动?

我计划实现基于WebView的Honeycomb平板电脑应用程序(因此,基本上它将是一个仅适用于平板电脑的HTML5基于Web的应用程序 )。 我希望通过滑动手指来实现水平和垂直滚动。 为了更好地理解,我创建了示例大纲 此图像显示类似于Honeycomb的本机设置活动,左右页面可垂直滚动 欢迎任何types的指南或资源。 谢谢

适用于Android的Chrome浏览器不再支持-webkit-overflow-scrolling? 还有其他选择吗?

我在Nexus 7平板电脑上更新到最新版的Chrome for Android并且…… -webkit-overflow-scrolling: touch ……不再有效 此外,以下评估为false: !!(‘WebkitOverflowScrolling’ in document.documentElement.style) 是否支持从最新版Chrome for Android中删除溢出滚动function? 在最新版本中是否可以使用等效或类似的替代动量滚动机制(不是iScroll等)? 同时,我在我的设备上的Play商店中搜索了Chrome测试版,但搜索结果中没有显示。 也许Nexus 7平板电脑不提供测试版? 对此事的任何帮助都非常感谢。 谷歌似乎已经从他们的浏览器中移除了这个function,这是非常令人沮丧的…. 编辑: 详细版本信息: 运行Android 4.2.2版本的Nexus 7平板电脑 -webkit-overflow-scrolling: touch; 和 !!(‘WebkitOverflowScrolling’ in document.documentElement.style) 在Chrome版本18.0.1025469上运行并评估为true 在Chrome版本26.0.1410.58上不起作用并评估为false

将CSS注入到android中的webview网站

例如,我想将www.google.com的背景颜色更改为red 。 我使用了webview ,我的style.css文件在assest folder 。 我想将此style.css文件注入www.google.com 。 我的代码出了什么问题? 请为我写正确的代码。 谢谢。 我的MainActitviy.java文件: package com.example.mysina; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.webkit.WebView; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView webView = new WebView(this); setContentView(webView); String html = ” src: url(‘file:///android_asset/style.css’)”; webView.loadData(html, “text/html”, “utf-8”); webView.loadUrl(“https://www.google.com”); } […]

如何模拟:在非链接元素上的android中的活动css伪类?

我希望能够模仿Android webkit中所有元素的:active伪类的行为。 目前, :active语法仅适用于元素(链接)。 我正在处理的应用程序中几乎所有可操作元素都不是标准链接标记。 iOS webkit支持:active对所有元素都:active 。 /* works on both android iOS webkit */ a:active { color: blue; } /* works on iOS webkit, does not work on android webkit */ div:active { color: red; } 我find了一些解决类似问题的资源[1,2],但它们都有点沉重,我想知道是否有一个重量较轻的解决方案我无法find。 http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone http://code.google.com/intl/ro-RO/mobile/articles/fast_buttons.html

HTML5音频行为

我在HTML5页面中有一个音频元素。 我开始播放音频,然后暂停播放。 之后我按回车键返回主屏幕并拨打电话。 当呼叫结束时,音频元素自动恢复。 这发生在Android 4.0.3上 问题在于,这不是预期和期望的行为。 不幸的是,当浏览器在后台运行时,不会抛出javascript事件,我无法使用Javascript捕获并阻止此行为。 任何帮助表示赞赏。 提前致谢。

在WebView中显示Android资产文件?

我已经看到了关于从资产提供WebView页面的问题的各种讨论,其中没有一个看起来是确定的。 我希望能够使用webview显示存储在项目资产中的html(和包含的css)文件。 我发现wv.loadUrl(“file:///android_asset/html_no_copy/demo_welcome.html”)显示该文件没问题,但是demo_welcome.html中的链接,无论是本地(没有url前缀文件名)还是绝对 – 相同表格如同送入loadUrl – 不起作用。 他们在视图上显示“网页不可用”错误。 WebView wv = (WebView)this.findViewById(R.id.splashWebView); wv.loadUrl(“file:///android_asset/html_no_copy/https://stackoverflow.com/questions/5320288/displaying-android-asset-files-in-a-webview/test.html”); // Works 要么 wv.loadUrl(“file:///android_asset/html_no_copy/demo_welcome.html”); // Works 但是demo_welcome.html中的以下链接都不起作用: CLICK HERE OR HERE 我知道我可以通过编写内容提供商来解决这个问题,但这看起来很极端。 我希望这可以从SDK 1.6(4)开始工作。 有谁知道这是否可以用HTML完成,还是需要克隆一些代码来加载数据?

在Samsung Android浏览器上启用真正的固定定位

自2.2以来,Android浏览器支持固定定位,至少在某些情况下,例如关闭缩放时。 我有一个没有JS的简单HTML文件,但我试过的三款三星手机上的固定定位是完全错误的。 不是真正的固定定位,标题滚动出视图,然后在滚动完成后弹回原位。 对于我测试过的任何配置,Android SDK仿真器都不会发生这种情况(2.2,2.3,2.3 x86,4.0.4)。 在三星手机上的应用程序中使用WebView时也不会发生这种情况:在这些情况下,定位按预期工作。 有没有办法让三星Android“股票”浏览器使用真正的固定定位? 我测试过:1。三星Galaxy 551,Android 2.2 2.三星Galaxy S,Android 2.3 3.三星Galaxy S II,Android 2.3 示例代码: h1 { position: fixed; top: 0; left: 0; height: 32px; background-color: #CDCDCD; color: black; font-size: 32px; line-height: 32px; padding: 2px; width: 100%; margin: 0;} p { margin-top: 36px; } Header Long text goes here 预期的行为是灰色标题填充屏幕的顶部并保持放置无论您滚动多少。 在三星Android浏览器上,它似乎滚动出视图,然后在滚动完成后弹回到位,好像使用Javascript模拟固定定位,而不是。 […]

Android 4.0 ICS Webview与“未知铬错误:-324”

我编写一个浏览器在Android 4.0 ICS中使用WebView。 但是当我访问某个网站时,发生错误。 我重写WebViewClient中的onReceivedError方法,并打印logcat。 08-28 09:22:00.549: D/chromium(22081): Unknown chromium error: -324 08-28 09:22:32.658: E/sky-mobi(22081): errorCode:-1 description:A network error occurred。failingUrl:https://172.16.28.5/portal/logon.htm 08-28 09:22:32.705: W/Web Console(22081): The page at “https://172.16.28.5/portal/logon.htm” displayed insecure content from file:///android_asset/webkit/android-weberror.png. 08-28 09:22:32.705: W/Web Console(22081): at null:1 我testing了与Android 2.3.3的URL,它完全正常工作。

Android浏览器 – JavaScript window.innerWidth返回错误的值

我正在使用Android G1默认的网页浏览器,而且我正在使用JavaScript进行开发 – 当我放大或缩小网页时,无法获得真实的视觉宽度和高度。 看来,我正在从window.innerWidth,当我放大/缩小出错的值。 我想要做的是 – 在视觉固定的位置显示一个元素,即使在缩放和滚动页面时也是如此。 – 所以用户总是可以看到那个元素,不pipe他是在缩放还是在滚动。 我已经尝试使用“固定”的位置没有成功。 视口元标记的使用可能不是一个好的解决scheme,因为我不想限制网页的尺寸,我希望缩放function将被支持。 有没有人有一个解决scheme或想法如何我可以做到这一点?