问题标签 [mobile-webkit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
237 浏览

javascript - 在 Android Webkit 中调试:无用的异常

我正在运行 webkit(浏览器列为“Webkit 3.1”)的 Android 手机上调试 Web 应用程序。我正在使用weinre查看控制台,我在其中记录调试信息。

来自 Android webkit 的日志消息与其他浏览器中的非常不同——而不是正常的输出,大多数读取:

我不确定如何解释此消息,或如何进行调试。

0 投票
2 回答
3683 浏览

css - 如何制作这个按钮是 CSS with Angled , Drop shadow, Inset shadow,宽度灵活

如何使这个按钮是具有角度、阴影、插入阴影的 CSS,宽度灵活?

在此处输入图像描述

我试图在这里制作它http://jsfiddle.net/jitendravyas/6RsnN/但不知道如何给它角度以及如何在它周围创建切口边框。

并且按钮的宽度应该是灵活的。

我只为 iphone 制作这个,所以允许使用完整的 CSS3。

0 投票
2 回答
7841 浏览

ios5 - CSS 动画可见性:可见;适用于 Chrome 和 Safari,但不适用于 iOS

在 Chrome(WinXP 上为 19.0.1084.46 m)和 Safari(OS X 10.7.4 上为 5.1.7)中,这个小提琴http://jsfiddle.net/Vkpwm/有效;单击谷歌图像显示/隐藏绿色 div,但是在我的 iPhone 和 xCode 中的 iPhone 模拟器上加载它时(通过使用直接页面http://jsfiddle.net/Vkpwm/show/),div永远不会再次显示。

删除行“-webkit-transition:0.5s;” 从 css 使它工作,但显然会破坏动画。删除行“可见性:隐藏;” 也使它工作,但意味着 div 仍然存在并且事件被触发(例如,即使 div 完全不透明也会触发警报)。

这是一个iOS错误,还是我做错了桌面浏览器能够解决的问题?

0 投票
2 回答
45191 浏览

ios - iPhone iOS 无法正确显示 box-shadow

该设计

响应式设计上的联系表单具有带有嵌入阴影和常规外部阴影的输入字段。见下图。

手机输入栏设计


编码


问题

iOS v4+ 不能正确显示 box-shadow。见下图。

输入框阴影渲染不正确


经过测试

我尝试使用-webkit-box-shadow。

我已应用于display:block;输入元素。


当前的解决方法

我宁愿不必这样做,但这是获得所需效果的唯一方法。

HTML

CSS

即使使用这种解决方法,iOS 上的嵌入阴影也无法正确呈现;但它足够接近。


我的问题

是否可以在 iOS 设备上正确渲染单个元素上的多个 box-shadow 实例?如果不是,那么嵌入的阴影呢?还是我错误地使用了这个属性及其值?

提前致谢!

0 投票
1 回答
2522 浏览

ipad - 设置 -webkit-perspective 模糊 ipad3 屏幕

在 iPad3 上设置 webkit 透视 CSS 属性会使子元素呈现非常模糊,就像图像在非视网膜显示器上呈现一样。需要明确的是,我不是在谈论渲染模糊的图像,DOM 子元素正在渲染模糊。

对此可以做些什么?

简单地删除该属性不是一种选择,因为我使用需要在 Z 轴上移动的动画。

属性在 CSS 中是这样设置的:

感谢您对此的任何帮助!

0 投票
2 回答
1282 浏览

iphone - webkit溢出滚动触摸与webkit转换冲突

似乎webkit-transform在元素上应用属性或其父级webkit-over-flowing-scrolling: touch完全破坏了滚动,因为滚动根本不起作用。

有没有人遇到过这个错误并知道解决方案?

0 投票
6 回答
9820 浏览

css - 移动 Webkit 回流问题

我在 webkit 的移动版本中遇到了一个问题(特别是 iOS 5.1.1 上的 Webkit 534.46 作为移动 Safari,现在是 iOS 版 Chrome),这在我见过的任何桌面浏览器上都没有发生。(即下面的演示应该在 webkit 的移动版本上查看。)

这是这个问题的一个活生生的例子。CSS 的核心非常简单。它在页面左侧放置一个字母索引:

当元素固定在主体顶部上方时,就会出现此问题。它完全能够与之交互,直到滚动发生变化,然后它停止接受输入。如果我(手动)摇动滚动甚至一个像素,那么它会再次变为活动状态。该示例尽可能简单,不使用任何 JavaScript。在真正敲定它之后,我发现该元素似乎认为它是滚动的,但在视觉上是固定的。换句话说,如果您单击“A”然后尝试再次单击“A”,有时您会再次单击,但它会在列表的下方。这对我来说似乎是一个 CSS 重排问题。我知道移动 webkit 试图减少回流的次数。

这是解决方法的一个实时示例。

我可以使用 JS 强制整个文档的 CSS 在滚动时重排(使用一个油门防止它在滚动后 100 毫秒内发生),这在简单示例中似乎解决了这个问题。不幸的是,这对这个问题的真实世界版本没有帮助。

这是问题页面和解决方法脚本的代码。

我的问题是这里发生了什么,是否有我缺少的 CSS 解决方法?具体来说,我很好奇是否有任何 CSS 专家可以弄清楚阻止点击点击固定元素上正确位置的布局情况是什么?更好的理解可能有助于找到真正的解决方法。

编辑:我忘了提到该示例明确地将视口强制为窗口大小。所以用户不能放大/缩小,这意味着 position:fixed 应该将元素锚定到窗口的左侧。

更新 (2012-09-20):这似乎已在 iOS 6 上的 Mobile Safari(以及 UIWebView)中得到修复。任何解决方法都应首先检查以确保它在 iOS < 6 上。例如,使用CssUserAgent这将如下所示:

0 投票
1 回答
2653 浏览

css - 限制 webkit-overflow-scrolling

我有一个div需要水平滚动的。没有 ,这可以正常工作-webkit-overflow-scrolling,但我没有在 iPhone 上获得原生弹跳。它只按我的意愿水平滚动,而不是垂直滚动。

当我添加 CSS 属性并将其设置为 时touch,它会按预期水平滚动。但是,它也会垂直滚动。问题是,看起来可滚动区域与可视区域相同——即,内容在每个方向上反弹,但没有内容应该使其滚动。我可以将此滚动限制为仅水平滚动吗?

注意:overflow-y设置为hidden,并且overflow-xscroll。我已经在网络检查器中验证了所有元素的高度都是 100px,所以我不相信有任何元素会导致滚动。

0 投票
1 回答
6923 浏览

android - Android 2.3 浏览器无法渲染一些 CSS3 2D 变换

我无法让 CSS3 2D 变换在 Android 2.3 中与任何使用默认 webkit 引擎的浏览器(例如默认浏览器、Dolphin HD、Amazon Kindle Fire Silk 浏览器等)一起工作。Android 2.3 webkit 引擎确实支持 2D 变换,我已经能够让一些具有 2D 变换的站点正确呈现,但不是我的站点!

有谁知道 Android 2.3 中可能导致与 2D 转换发生冲突的任何问题?或者,有没有一种好方法可以只针对使用 Android 2.3 webkit 渲染引擎的浏览器的 css?当我使用 Modernizr 时,在这种情况下它不起作用,因为 Android 2.3 浏览器对 2D 转换测试呈阳性。

这是我的网站:http: //StevenGerner.com。在首页上,我将两个元素旋转 -90 度(站点标题和一个 h2 元素),并且两者都不会在 android 2.3 浏览器上旋转。我什至尝试过其他 css 转换,但似乎没有任何转换。如果我将整个页面剥离为基本页面,那么转换工作完美无缺,所以我的网站上可能还有其他冲突,我就是不知道是什么!这是特定于转换的 CSS:

该问题也可能适用于 Android 2.2;但是,我目前没有要测试的 2.2 设备。

我真的很感激任何想法、建议和建议!这让我发疯!

0 投票
1 回答
187 浏览

trigger.io - How to handle exceptions with trigger.io

I am using Trigger.io to with Catalyst for debugging. It appears that javascript exceptions thrown in the app do not bubble up to Trigger.io's Forge output messages.

I tried to alleviate this problem by using an on error handler like:

This will indeed capture exceptions and output messages. However the url, and linenumber are never reported in this case. Making this minimally helpful.

Hoping there is some documented solution this this that I may have overlooked or someone has a more reliable solution.

Update

here is a sample out put message:

[FORGE] 'JavaScript error: TypeError: \'undefined\' is not an object on line 0 for undefined:0

Using Jquery.

Update 2

Seems that this only happens for TypeErrors of undefined. Other errors seem to be reporting