JavaScript/Jsoup - 从“i class”获取背景图片 url

Question

所以我在我的应用程序的 webview 中加载了一个网页，并且有一个 HTML i class="img profimage"，它有一个背景图片 url，这就是我的目标......

我想使用 JavaScript 或使用 Jsoup 来获得该目标...

到目前为止，我对 Jsoup 的尝试是这样的：

public class GetImage extends AsyncTask<String, String, String> {

protected String doInBackground(String... strings) {

Document document = null;

try {

document = Jsoup.connect(url).get();

} catch (IOException e) {

e.printStackTrace();

}

String temp = document.select("i.img.profpic").first().getElementsByAttribute("style").toString();

return temp.substring(temp.indexOf("(") + 1, temp.indexOf(")"));

}

 

protected void onPostExecute(String result) {

Log.d("ChatScreen", result);

Toast.makeText(ChatScreen.this, result, LENGTH_SHORT).show();

}

}

但是我得到了 NPE... 我不知道如何使用 JavaScript 获取 i 类 的背景图像 url...我可以在网上找到大量示例，了解如何使用 ids 为 div 获取它

页面的HTML结构类似于：

<div ....>
<div ....>
<i class="img profimage" style="background-image: url("url here");"/>
</div>
</div>

Answer 1

检查this Answer 可能会起作用，但我没有尝试过。 JS 函数在 evaluateJavascript() 中编写如下，它将读取 style 属性，然后您可以使用 substring 方法获取 URL。

webview.evaluateJavascript(
        "(function() { return (document.getElementsByTagName('i')[index].getAttribute('style')); })();",
         new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String html) {
                Log.d("HTML", html); 
                // now use substring to get url.....
            }
    });

希望对您有所帮助。

Answer 2

参考this 答案，您可以尝试类似下面的方法（假设它是类profimage 的唯一/第一个元素，否则更改索引​​，即[n]，其中n 是索引）。或者，只需给元素一个唯一的id 并使用document.getElementById('imgid') 并删除[0]。将它包装在一个函数中，以防你想在特定事件上调用它。

function getUrl() {
    var img = document.getElementsByClass('profimage'),
    style = img[0].currentStyle || window.getComputedStyle(img[0], false),
    bi = style.backgroundImage.slice(5, -2);
    return bi;
 }

切片将删除 URL 本身之前的 url(" 和之后的 ")。请注意，这会返回完整的 url。

如果这不起作用，您可以尝试style = img.style, 来代替上面代码中较长的表达式，因为背景图像是在元素本身中添加了内联css (<i ... style="background-image: url("url here");"/>)。这将返回内联样式的 url，在本例中为 url here。