hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

rel="canonical"なページに誘導するGreasemonkey

rel="canonical"なページに移動するリンクがほしかったので作った.
画面の下のほうにリンクが出て,押すとcanonicalなページに移動できる.


http://gyazo.com/97116ce0162d32e0030bff6e1c76b8a5.png


http://gist.github.com/261625

// ==UserScript==
// @name           canonical-link
// @namespace      http://www.hatena.ne.jp/hitode909
// @include        *
// ==/UserScript==

(function() {
     if (window != window.parent) {
         return;
     }
     var link = document.querySelector('link[rel="canonical"]');
     if (link && link.href != location.href) {
         var button = document.createElement('a');
         document.querySelector('body').appendChild(button);
         button.appendChild(document.createTextNode('canonical'));
         console.log(button.style);
         with(button.style) {
             position = 'fixed';
             width = '100%';
             left = 0;
             bottom = 0;
             color = '#fff';
             background = '#000';
             fontSize = '24px';
             textAlign = 'center';
             textDecoration = 'none';
             margin = 0;
             padding = 0;
             fontWeight = 'bold';
             opacity = 0.5;
             zIndex = 9999;
         }
         button.href = link.href;
         console.log(button);
     }
})();


エレメントにスタイルを設定するのがちょっとめんどうだったのだけど,どうするといい感じに書けるのだろうか,と思った.