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);
     }
})();


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