jQueryは「スキャンコード読み取り」 function_jquery を実装します

今日、「PCでURLをいちいち入力して携帯で開くのが面倒なんですが、何か良い方法はありますか？」というトピックを投稿しているユーザーを見かけました。

確かに今はモバイルの時代であり、モバイルデバイスで読むことが徐々に主流になっていくでしょう。ユーザーがモバイルデバイスで読むための便利な方法がウェブサイトになければ、それは少し時代遅れになってしまいます。と思って「スキャンコード読み取り」機能を作りました。実際、それは非常に簡単で、URL から QR コードを生成するだけです。

PHP を使用して生成されるか JavaScript を使用して生成されるかに関係なく、コードの変更という点では JavaScript を使用する方が簡単です。そこでここではjQueryを使ってみましょう。インターネット上には、使用できる jquery.qrcode.js の拡張機能があります。使い方も次のように非常に簡単です:

次に、WeChat、Alipay ウォレットなどを使用して、それをスキャンし、モバイル ブラウザで開きます。jquery.qrcode.js の作者に感謝します。

QR コードを生成するコードは次のとおりです:

コードをコピーします コードは次のとおりです:

jquery.qrcode.js は実際には jQuery を使用してグラフィックスのレンダリングと描画を実現し、キャンバス (HTML5) とテーブルをサポートします。当然、ブラウザーは最も効率的です。次のように直接呼び出します:

コードをコピーします コードは次のとおりです:

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

ブラウザが HTML5 をサポートしていない場合、または画像のサイズを設定したい場合は、次の方法を使用できます:

コードをコピーします コードは次のとおりです:

jQuery("#code").qrcode({
render: "canvas", //キャンバスまたはテーブルモード
width: 150, //幅
height:150, //高さ
text: 'http://www.xxx.net/' //コンテンツ
});

ブログの各記事の右側に QR コードが生成され、携帯電話でスキャンして読み取ることができます。