Webview はコンテンツ HTML 内のリンクを青い下線で表示します。したがって、HTMLに次のようなものがある場合
<a href="...">blah blah</a>
... リンクとして明確に表示されます。
Webview では、電話番号や住所 (リンクではなく、HTML 内の単なるテキストであっても) をクリックして Dialer または Maps を起動することもできます。
どうすれば Webview にこれらの (Linkify、おそらく) リンクを下線などで表示させることができますか? TextView からスパンを取得してスタイルを設定できるため、TextView では十分に簡単ですが、Webview ではそのデータを取得する方法が公開されていません。
電話番号、電子メール、および URL をリンクするために挿入できる 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);
}
これを考えると：
Javaからこれを直接行う方法はまだないようです。うまくいくかもしれないことの 1 つは、JavaScript コードを記述し、ページがロードされた後に実行することです。たとえば、次のようにします。
同様の例を次に示します。
アイデアは、リンクを無効にすることです。同様のアプローチを使用して、下線を含む CSS を追加できる場合があります。役立つ可能性のある他のSOq /リンクのカップル：
お役に立てれば。