Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > jQuery implementiert die Funktion „Code lesen scannen'_jquery

jQuery implementiert die Funktion „Code lesen scannen'_jquery

WBOY
Freigeben： 2016-05-16 16:18:33
Original
1368 Leute haben es durchsucht

Heute habe ich einen Benutzer gesehen, der ein Thema gepostet hat: „Es ist mühsam, die URLs auf dem PC einzeln einzugeben, um sie auf dem Handy zu öffnen. Gibt es eine gute Möglichkeit?“

Es ist wahr, dass wir uns jetzt im mobilen Zeitalter befinden und das Lesen auf mobilen Geräten allmählich zum Mainstream wird. Wenn eine Website den Benutzern keine bequeme Möglichkeit bietet, auf mobilen Geräten zu lesen, wäre sie etwas veraltet Ich habe darüber nachgedacht und eine Funktion zum Lesen des Codes erstellt. Tatsächlich ist es ganz einfach: Generieren Sie einfach einen QR-Code aus der URL.

Unabhängig davon, ob es mit PHP oder JavaScript generiert wird, ist die Verwendung von JavaScript im Hinblick auf Codeänderungen einfacher. Lassen Sie uns hier also jQuery verwenden. Es gibt zufällig eine Erweiterung von jquery.qrcode.js im Internet, die Sie verwenden können. Es ist auch sehr einfach zu verwenden, etwa so:

Verwenden Sie dann WeChat, Alipay Wallet usw., um es zu scannen und im mobilen Browser zu öffnen. Vielen Dank an den Autor von jquery.qrcode.js.

Der Code zum Generieren eines QR-Codes lautet wie folgt:

Code kopieren Der Code lautet wie folgt:




jquery.qrcode.js verwendet tatsächlich jQuery zum Rendern und Zeichnen von Grafiken und unterstützt standardmäßig die Canvas-Methode (HTML5), die natürlich am effizientesten ist. Direkter Aufruf wie folgt:

Code kopieren Der Code lautet wie folgt:

jQuery('#code').qrcode("http://www.xxx.net/");

Wenn der Browser HTML5 nicht unterstützt oder Sie die Größe des Bildes konfigurieren möchten, können Sie diese Methode verwenden:

Code kopieren Der Code lautet wie folgt:

jQuery("#code").qrcode({
rendern: „canvas“, //Leinwand- oder Tabellenmodus
Breite: 150, //Breite
Höhe:150, //Höhe
Text: 'http://www.xxx.net/' //Inhalt
});

Jetzt wird auf der rechten Seite jedes Artikels im Blog ein QR-Code generiert, der gescannt und auf Ihrem Mobiltelefon gelesen werden kann.

Verwandte Etiketten：
jquery 二维码
Quelle：php.cn
Vorheriger Artikel：JavaScript-Lernnotizen JS-Ereignisobjekt_Grundkenntnisse Nächster Artikel：jquery-Methode, um gemeinsame Effekte von search box_jquery zu erzielen
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Benötigen Sie ein JQuery-Skript, um ausgewählte Optionen basierend auf der aktuellen Auswahl des Endbenutzers aus einem Auswahlfeld zu verschieben Ich habe eine HTML-Seite, auf der der Endbenutzer unsere Artikel über ein Auswahlfeldeleme...
Aus 2024-04-04 18:40:04
0
1
3528
Ich habe über Lesezeichen ein Element in reinem CSS erstellt. Es ist erstellt, aber nicht sichtbar Mein Code lautet wie folgt: g=document.createElement('div');g.setAttribute("id",...
Aus 2024-04-04 17:27:27
0
1
417
Formulardaten können nicht auf Safari/Firefox iOS gesendet werden Dies funktioniert auf allen Plattformen außer Safari/Firefox unter iOS: jQuery("#gfor...
Aus 2024-04-04 12:53:48
0
1
303
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage