问题标签 [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 回答
221 浏览

javascript - 挂钩浏览器旋转

我想JavaScript在手机旋转时执行一些代码。我正在使用jQuery. 是否有可以与移动浏览器一起使用的自定义挂钩?

我能想到的一种方法是挂钩视口大小的变化,并检查高/宽比是否发生了变化。有没有我可以使用的 API 方法?

0 投票
2 回答
2285 浏览

css - 相对于父框高度的字体大小

我有块级元素,其height属性设置在%. 在这些块级元素内部是<span>带有文本的 s。例子:

这在移动浏览器上看起来相当不错,除了当我旋转设备时(即一旦body.onorientationchange事件开始),文本变得太大。

所以我的问题是,如何指定相对于父元素高度的文本大小?

0 投票
1 回答
1427 浏览

javascript - 在 UIWebView 中加载图像的 ipad 内存问题

我有一个类似的问题: iPad/iPhone browser crashing when loading images in Javascript

...但我想澄清一下,我的问题是由相同的内存问题引起的,如果是这样,我能做些什么。

我理解为不在视图中的 img 元素加载“tiny.gif”图像的建议解决方法,但问题是,我没有使用大量 img 元素。我用的是四个。滑动 div 中的三个在下一个/上一个图像中滑动,一个在滑动 div 进行滑动时显示当前图像。解释机制有点困难,但关键是,只有四个图像元素,我只是不断地交换它们的 src。

所以我没有得到的是..如果内存中只有四个 img 元素,我该如何解决内存问题?如果 slide_one 是一个 src 为 one.jpg 的图像,我将其 src 更改为 two.jpg,那么 one.jpg 肯定会从内存中清除,对吗?

只是一点背景:我正在通过 UIWebView 作为 iPad 应用程序运行 HTML 页面。我看到的行为是我可以加载大约 25 个这些大约 250kb-per-image JPEG,然后它停止加载它们(src 属性已更新,但图像公然保持不变)。这听起来与我听到的 6MB 限制非常相似,但我没有看到任何警告或崩溃(至少,在我正在调试的 iPhone 模拟器中没有)。

感激地收到任何建议...... :)

0 投票
1 回答
796 浏览

iphone - 链接锚点在 iPhone 的浏览器中只工作一次

我正在为我的网络应用程序制作一个移动界面,并且我正在尝试使用锚链接来简化导航。我的代码与此类似:

问题是该链接只能工作一次。因此,如果用户使用他的 iPhone,点击该链接并跳转到第 2 部分,然后滚动回顶部并再次单击该链接,它将无法正常工作。他必须刷新页面。

有没有办法解决这个问题?

感谢你的帮助

0 投票
1 回答
673 浏览

javascript - Mobile Webkit:在所有情况下都能可靠地检测可视区域?

简短版:在我的移动网络应用程序中,我想始终检测屏幕的可视区域(例如,软键盘顶部(如果存在)和标题栏底部之间的空间),所以我可以调整我的布局,无需缩放,并始终保持页面在屏幕上完全可见。有没有可靠的方法来做到这一点?


更长的版本:在应用程序中,我正在抓取所有触摸事件并自己控制平移和缩放。控制栏固定在屏幕的顶部和底部,始终可见。我的 veiwport 设置是:

我的愿望是始终使我的页面布局适应浏览器窗口的可视区域,因此没有任何东西会脱离屏幕。因此,当键盘出现或消失,或者方向发生变化时,我需要检测宽度和高度并相应地重新布局。

如果不是屏幕键盘,window.innerWidthwindow.innerHeight就足够了。但是,当键盘出现时,事情就会变得古怪(仅在某些严格控制的条件下有效)。天堂禁止在键盘启动时改变方向。

DOM 中有什么可以告诉我我想要什么吗?我真的更愿意动态地解决这个问题,而不是将界面元素的大小硬连线到我的代码中,但如果没有其他方法,我会诉诸于此。

抱歉冗长,很难捕捉到我所经历的所有怪异。我的测试主要在运行 3.2 的 iPad 和运行 4.1 的 iPhone 上进行;两者的行为一直不一致。

0 投票
1 回答
503 浏览

iphone - 在其他地方触发时的 GWT 焦点问题

这是我的设置:

  • 我有一个按钮和一个文本框
  • 文本框有一个触发“selectAll”方法的“onFocus”处理程序
  • 该按钮有一个“onClick”处理程序,它执行以下操作:
    • 显示文本框
    • textbox.focus(true) 和
    • 文本框.selectAll();

但它没有(在移动设备上)。问题是:这适用于 FF 和 Safari - 但不适用于移动 WebKit。当我单击按钮时,该字段获得焦点并选择一毫秒(有时甚至不是),然后返回焦点按钮......</p>

A 已经尝试插入一个 Timer,然后它会做焦点 - 也不起作用。

我还尝试捕获所有事件并阻止它们 - 因为在 onClick 之后按钮触发了 onFocus 事件。我什至尝试从按钮的 onFocus 事件将焦点设置到文本框。没有机会。

还有其他想法吗?

0 投票
2 回答
12742 浏览

javascript - 如何在 WebKit 中调用参数化的 javascript 函数?

我正在尝试将 2 个参数传递给 javascript 函数。此代码webview.loadUrl("javascript: function_to_call();");在没有参数的情况下可以正常工作,但我无法将其与参数一起使用。

这是 javascript 连接:

这就是我从 java 中调用它的方式:

编辑:我找不到问题,我改变了我的方法,现在我每次需要时都会注入整个 javascript 函数并进行所需的更改。这不是最好的解决方案,但它确实有效。感谢大家的帮助。

0 投票
1 回答
1458 浏览

javascript - Android 浏览器 - Javascript window.innerWidth 返回错误值

我正在使用 Android G1 默认 Web 浏览器,并且正在使用 JavaScript 进行开发 - 当我在网页上放大或缩小时,我无法获得真实的视觉宽度和高度。

当我放大/缩小时,似乎我从 window.innerWidth 中得到了错误的值。

我想要做的是 - 在视觉固定的地方显示一个元素,即使我正在缩放和滚动页面。- 这样用户无论是缩放还是滚动都可以看到该元素。

我已经尝试使用“固定”位置但没有成功。使用视口元标记可能不是一个好的解决方案,因为我不想限制网页尺寸并且我确实希望支持缩放功能。

有没有人有解决方案或想法我可以如何实现这一目标?

0 投票
1 回答
343 浏览

javascript - 连续 JavaScript 滚动器

连续 JavaScript 滚动器

我有以下脚本正在处理下一次和上一次点击。大约有 1 到 3 个 div,我为此添加了这个 JavaScript,以便在下一个和上一个按钮操作时从左到右流动,反之亦然。

我想让它连续滚动。在第三个 div 滚动条之后应该再次导航到第一个 div。它不应该朝相反的方向发展。流动应该一次又一次地连续。

请就实现这一目标的解决方案提出建议。

js

0 投票
2 回答
379 浏览

css - iOS 3.2 中的 webapp 内出现乱码

我为 iOS 设备编写的 web 应用程序有问题。它只在 iOS 3.x 中表现出来。

以下是我遇到的问题:

有问题的领域

计算的样式是:

这是表格行内的普通输入字段。

对正在发生的事情有任何想法吗?