[JS]ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr

ウェブページを印刷する際、ページ内に配置されたリンクをページ下部にQRコードとして配置するスクリプトを紹介します。

サイトのキャプチャ

jQuery.printQr() Plugin
デモページ

[ad#ad-2]

デモページを印刷すると、下記のように各リンクをQRコードにしてページ下部に配置します。

印刷したPDFのキャプチャ

ページをPDFで印刷したキャプチャ
※分割印刷には「iPrint」を使用してます。詳しい説明は「不必要な箇所は印刷しない!必要なページだけ印刷(割付印刷も)ができるフリーソフト -iPrint」をどうぞ。

printQrの実装

printQrの実装は簡単で、既存のページにも簡単に実装できます。

外部ファイル

jquery.js」と当スクリプトを外部ファイルとして、指定します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="jquery.printqr.min.js"></script>

JavaScript

すべてのa要素を抽出する場合は、下記のようにスクリプトを記述します。

$(document).ready(function() {
	$('a').printQr();
}

[ad#ad-2]

sponsors

top of page

©2018 coliss