2

Webview 将内容 HTML 中的链接显示为带有蓝色下划线。所以如果你在 HTML 中有一些东西,比如

<a href="...">blah blah</a>

...它作为一个链接清晰可见。

Webview 还允许您单击电话号码和地址(即使它们只是 HTML 中的文本,而不是链接)以启动拨号器或地图。

如何让 Webview 显示带有下划线等的那些(可能是 Linkify)链接?在 TextView 中这很容易,因为可以从 TextView 获取跨度并设置它们的样式,但是 Webview 没有公开任何检索该数据的方法……至少我不能通过文档看到。

4

2 回答 2

3

下面是一些可以注入链接电话号码、电子邮件和网址的 JS 代码:

            function linkify() {
                linkifyTexts(linkifyPhoneNumbers);
                linkifyTexts(linkifyEmails);
                linkifyTexts(linkifyWebAddresses1);
                linkifyTexts(linkifyWebAddresses2);
            }
            function linkifyPhoneNumbers(text) {
                text = text.replace(/\b\+?[0-9\-]+\*?\b/g, '<a href="tel:$&">$&</a>');
                return text;
            }
            function linkifyEmails(text) {
                text = text.replace(/(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})/gim, '<a href="mailto:$1">$1</a>');
                return text;
            }
            function linkifyWebAddresses1(text) {
                text = text.replace(/(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim, '<a href="$1" target="_blank">$1</a>');
                return text;
            }
            function linkifyWebAddresses2(text) {
                text = text.replace(/(^|[^\/])(www\.[\S]+(\b|$))/gim, '$1<a href="http://$2" target="_blank">$2</a>');
                return text;
            }

            var linkifyTexts = function(replaceFunc)
            {
                var tNodes = [];
                getTextNodes(document.body,false,tNodes,false);                              
                var l = tNodes.length;
                while(l--)
                {
                    wrapNode(tNodes[l], replaceFunc);
                }
            }
            function getTextNodes(node, includeWhitespaceNodes,textNodes,match) {
                if (node.nodeType == 3) {
                    if (includeWhitespaceNodes || !/^\s*$/.test(node.nodeValue)) {
                        if(match){
                            if(match.test(node.nodeValue))
                                textNodes.push(node);
                        }
                        else {
                            textNodes.push(node);
                        }
                    }
                } else {
                    for (var i = 0, len = node.childNodes.length; i < len; ++i) {
                        var subnode = node.childNodes[i];
                        if (subnode.nodeName != "A") {
                            getTextNodes(subnode,includeWhitespaceNodes,textNodes,match);
                        }
                    }
                }

            }
            function wrapNode(n, replaceFunc) {
                var temp = document.createElement('div');
                if(n.data)
                    temp.innerHTML = replaceFunc(n.data);
                else{
                    //whatever
                }
                while (temp.firstChild) {
                    n.parentNode.insertBefore(temp.firstChild,n);

                }
                n.parentNode.removeChild(n);

            }
于 2013-08-06T22:49:58.007 回答
1

鉴于这种:

它似乎仍然不是直接从 Java 执行此操作的方法。可能有用的一件事是编写一些 JavaScript 代码并在页面加载后运行它,例如这里给出的:

这是一个类似的例子:

想法是禁用链接。您也许可以使用类似的方法来添加一些 CSS,包括下划线。其他一些可能有帮助的 SOq / 链接:

希望这可以帮助。

于 2012-03-24T02:25:38.033 回答