2016-03-24 5 views
-1

Ich interessiere mich für die Schaffung einer Chrome-Erweiterung zu ändern, die einen Teil des Inhalts von bestimmten Webseiten manipulieren kann ..Chrome-Erweiterung um den Inhalt einer Seite

Ich möchte etwas wie folgt ersetzen:

<td class="Data">Phone:</td> 

mit etwas wie folgt aus:

<span title="Telephone number including area code."><td class="Data">Phone:</td></span> 

der Grund dafür ist, Hover-over oder Tool-Tip Text auf bestimmte Teile einer bestehenden Website hinzuzufügen.

Ist dies mit einer Chrome-Erweiterung möglich? Wenn ja, wie könnte dies geschehen? Vielen Dank.

+1

Mögliche Duplikat [ändern html der geladenen Seiten Chromerweiterungen] (http://stackoverflow.com/questions/14068879/modify-html-of-loaded-pages-using-chrome -extensions) –

Antwort

0

Sie können dies mit einer Chrome-Erweiterung tun, aber noch einfacher wäre ein Bookmarklet.

Grundsätzlich erlaubt der Browser, dass Sie Javascript in der Adressleiste in der Form javascript: // Ihr gültiges Javascript ausführen.

Schreiben Sie das Skript, um die gewünschten Ergebnisse zu erzielen, minimieren Sie es in einer einzigen Zeile und speichern Sie die Ergebnisse als Lesezeichen. Es kann dann auch in jedem Browser verwendet werden.

ich nicht den genauen Anwendungsfall verstehen und Ihre HTML ist nicht gültig, aber man konnte etwas ähnliches ziemlich leicht tun, dieses Beispiel wird angenommen, jquery verfügbar:

javascript:$(function(){ $('td:contains("Phone")').attr('title', 'Telephone number including area code'); }); 

Hinweis: die: enthält (Selektor) ist case-sensitive