【问题标题】:some Jquery code works on browser, but not on WebView Android and some does一些 Jquery 代码适用于浏览器,但不适用于 WebView Android,有些则适用
【发布时间】:2015-10-20 14:34:46
【问题描述】:
  1. 我有一个包含 Webview 的 Android 应用程序。
  2. Webview 包含使用 Jquery 的 html 页面。

首先我想告诉你,jquery 在某种程度上是有效的,让我证明你。

我有一个带有正确 id 的 html 标题,当文档准备好时,我通过使用 jquery 添加一个 css 颜色类来更改标题的颜色。

<h1 id="title">Hardcoded Title </h1>
 ------------
 $("#title").css('color', 'red');

问题

我还有一个 html5 播放器,我用 jquery 检索它并获取 currentSrc,其中包含视频的 Url。

没那么重要,但这是播放器

<div class="flowplayer">
        <video id="sourceVideo">
            <source type="video/mp4" src="http://view.vzaar.com/5456131/video" />
        </video>
    </div>

现在使用更多的 jquery 和一个名为 flowplayer.min.js 的 js,我调用了一个方法来检索播放器并获取它的 src 属性。

var video = $('#sourceVideo')[0];
var currentSrc = video.currentSrc;

然后我继续将 currentSrc 附加到我的应用程序的标题中。

$("#tituloPrueba").append(" - CurrentSrc : "+currentSrc);

当我签入 chrome 时,这是结果。 如您所见,附加和颜色更改工作正常,以及存储 currentSrc 值的变量。

模拟器

如果我只是添加文本或更改颜色,一切似乎都可以正常工作。

但只要我调用这行代码

  var video = $('#sourceVideo')[0];
  var currentSrc = video.currentSrc;(this one is the problem)

jquery 好像停止工作了?

有什么想法吗?

注意

加载外部 js 似乎可以工作,我创建了一个新的 js,其中包含一个准备好的文档和内部 jquery 代码来更改标题的颜色并且它工作了。

【问题讨论】:

    标签: javascript android jquery android-studio


    【解决方案1】:
    • 首先,检查android webview版本。
    • 其次,看看video标签有哪些属性可用。

    或者,尝试这样做:

     alert( JSON.stringify(video) );
    

    我假设您遇到的问题是 currentSrc 未定义,要么是因为不支持标签视频,要么是因为该属性不存在。

    尽管如此,我不太清楚你想要达到什么目的。

    【讨论】:

    • 我正在尝试使用 jquery 更改视频的 src,问题是 $("#sourceVideo").attr("src"));在 webview 中返回 undefined,但在 chrome 中呈现时返回实际值...
    • 你试过这个:$('#sourceVideo').attr('src','newsrc');?
    • 好的,当我使用 JSON.stringify(video) 时,它会在浏览器中显示整个属性集,但在 webview 中它什么也不显示,肯定是视频播放器对象有问题吗?在侧 webviews 中使用 flowplayer.min.js?
    • 如果webview没有显示,可能是那个版本不支持video标签,android版本是多少?
    • 我试过 API 22 和 23 android 5.0 和 6.0 Marshmellow 和棒棒糖
    猜你喜欢
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 1970-01-01
    • 2019-02-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多