jQuery implementiert die Funktion „Code lesen scannen'_jquery

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.