Blogger : 解除預覽封印

向來喜歡 Blogger 的簡單界面，又能直接寫語法，不知道哪一天它如果被 Google 收掉，會不會很不習慣其它平台的。不過，在寫程式時，Blogger 的預覽讓我有一點點困擾，它預覽時，只能看，不能「玩」，很明顯地，在我們的文件上方，有被動手腳，讓滑鼠或是觸控的事件被搶先一步，攔截走了。

昨天在發布 HTML5 FUN 最新遊戲做成的「唐詩迷宮」時，不能在預覽時，直接測試，實在覺得不快，於是追縱測試了一下，找到解除 Blogger 預覽封印的方法了！

關鍵在 class name 為「blogger-clickTrap」的元件上，只要讓它消失了，封印就自然解開，讓我的程式可以跟發布後的頁面一樣，可以自由測試。使用的 JavaScript 語法如下：

//解除預覽封印
if(/預覽/.test(document.title)) {
  setTimeout(function() {
    var clickTrap = document.querySelector('.blogger-clickTrap');
    if(clickTrap) {
      clickTrap.style.display='none';
     console.log('\n\nrelease preview click trap ...\n\n');
    }
  }, 1000);
}

哈！能自由呼吸、能跑、能跳 ...... 真是一件愉快的事。咦！這樣子，以後一些私房的小工具，不發布也能使用了。