Heim  >  Artikel  >  Web-Frontend  >  Gadget zur Schnellvorschau des Browser-HTML-Codes

Gadget zur Schnellvorschau des Browser-HTML-Codes

php中世界最好的语言
php中世界最好的语言Original
2018-03-12 11:43:082680Durchsuche

Dieses Mal bringe ich Ihnen ein Browser-HTML-Code-Schnellvorschau-Widget. Was sind die Vorsichtsmaßnahmen für die Verwendung des Browser-HTML-Code-Schnellvorschau-Widgets? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Popup-Vorschau direkt:

javascript:(function() { 
    var blob = new Blob([window.getSelection().toString()],{type:"text/html"});   
    window.open(URL.createObjectURL(blob)); 
})()

Schnell lokal speichern:

javascript: (function() {  
    var blob = new Blob([window.getSelection().toString()],{type:"text/html"});  
    var a=document.createElement("a");
    a.href=URL.createObjectURL(blob);
    a.download=document.title;
    a.click();
})()

Anleitung zur Verwendung:

Jederzeit Klicken Sie, um eine Webseite mit einem Lesezeichen zu versehen:

Gadget zur Schnellvorschau des Browser-HTML-Codes


Klicken Sie, um eine beliebige Webseite mit einem Lesezeichen zu versehen

und klicken Sie dann zum Ändern:

Gadget zur Schnellvorschau des Browser-HTML-Codes


Klicken Sie dann auf „Ändern“

Geben Sie den Sammlungsnamen und die URL ein. Die URL ist das obige oder ein anderes Skript:

Gadget zur Schnellvorschau des Browser-HTML-Codes


Geben Sie den Sammlungsnamen und die URL ein. Die URL ist das obige oder ein anderes Skript

verwenden Sie


Gadget zur Schnellvorschau des Browser-HTML-Codes

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website!

Verwandte Lektüre:

Wie nodejs das http-Modul verwendet, um einen Testclient für die Schnittstelle zum Hochladen von Bildern zu schreiben

Wie nodejs verwendet jsonp zur Implementierung der Single-Sign-On-Demo

Das obige ist der detaillierte Inhalt vonGadget zur Schnellvorschau des Browser-HTML-Codes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn