ゼロと無限の間に

フリーでオープンソースなJavaScriptとかPHPとか。

ユーザ用ツール

サイト用ツール


サイドバー

何かありましたら、メールで連絡いただくか、ブログのどこかにコメント入れてくださいね ^_^

Menu

ゼロと無限の間に

はじめに

作った主なサイト

作った主な便利ツール(無料)

ログ (Blog)

javascript:qr-this-greasemonkey

文書の過去の版を表示しています。


今見ているWebページのURLをQRコードで表示する - GreaseMonkey版 QR This!

更新履歴とコメントはQR This! Archive - ゼロと無限の間のログでどうぞ。

ページのURLを自動でQRコードに変換するJavaScript - QR This!のGreaseMonkey版。
有効にしていれば、どのWebサイトでもページの右下に常にQRコードを表示する。これでいつでも携帯で読み取れる!知らない間に他の人にURLを盗み見られないように注意!8-)

今回MozOpacityなんてのを初めて使った。半透明だとQRコードを読み取りにくかったりするのかな?

バージョン0.2.0からは、Mobile Link Discoveryが指定されているページの場合は指定された携帯向けのURLをQRコード化するようにした。8-)

それから、QRコードは(株)デンソーウェーブの登録商標ですよ。

ダウンロード・インストール

ライセンス

ソースコード

// ==UserScript==
// @name        QR This!
// @namespace   http://0-oo.net/
// @description Show a 2D bar code of the url of the page that you see.
// @version     0.2.1
// @include     http://*
// @include     https://*
// ==/UserScript==
//
// http://0-oo.net/sbox/javascript/qr-this-greasemonkey
// ( The MIT License )
//
(function(){
    var api = "http://chart.apis.google.com/chart?cht=qr&chs=100x100&chl=";
 
    var caption = "";
    var url = document.URL;
 
    //Search "Mobile Link Discovery"
    var links = document.getElementsByTagName("link");
    for (var i = 0, len = links.length; i < len; i++) {
        var link = links[i];
        if (link.rel == "alternate" && link.media == "handheld") {
            caption = "Mobile Link<br />"
            url = link.href;
            break;
        }
    }
 
    var qr = document.createElement("img");
    qr.src = api + encodeURIComponent(url);
 
    var div = document.createElement("div");
    div.style.position = "fixed";
    div.style.right = 0;
    div.style.bottom = 0;
    div.style.MozOpacity = 0.75;
    div.style.zIndex = 100;
 
    if (caption) {
        div.innerHTML = caption;
    }
    div.appendChild(qr);
    document.body.appendChild(div);
})();
javascript/qr-this-greasemonkey.1246715251.txt.gz · 最終更新: 2009/07/04 22:47 by dgbadmin