javascript

A collection of 6 posts

rails

rails turbolinks 實務小記

承接上篇文章,若對於 rails turoblinks 還不知道是什麼,可以參考此文:Rails Turbolinks & PJAX。這篇條列幾點在實作 rails turbolinks 時要注意的事項: 只有 <body> 的內容會被更動 Rails Turbolinks 目前版本只有 <body> 與 <title> 的內容會被更動,為什麼說「目前這個版本」?因為今年底前 turbolinks 第 3 版應就會隨著 rails 5 一起被 release,屆時將會有非常非常大的變動...可參考 turbolinks

  • hothero
    hothero
javascript

facebook authorization with popup window (經由彈出視窗進行facebook認證) using PHP and javascript

一般使用facebook PHP SDK做登入都是採用getLoginUrl函式取得連結(如官方此範例),認證完後會轉址回來並帶些facebook認證確認的state、code等get參數,在使用者體驗上非常的不好,甚至有可能在已帶有get參數的頁面上再轉址回來後會導致異常。 在此使用Facebook PHP SDK 3.0搭配javascript的方式,用popup window做認證。今年年初Facebook PHP SDK 3.0的更新中已有搭配javascript的範例,但有認證成功後無窮reload迴圈的問題,網路上普遍是IE發生問題,筆者本身是在Mac的chrome有此問題(問題出在下方的程式碼)。 FB.Event.subscribe('auth.login', function(response) { // do something with response login(); }); 故我們得自己創建popup authorization window,流程如下: 使用者按下Facebook登入/認證按鈕 javascript產生一個window並且將其導向facebook登入/認證的網址

  • hothero
    hothero
javascript

[整理]Javascript 打亂(obfuscation) / 編碼(encoding)器

在此整理出幾類常見的javascript打亂/編碼器: *推薦 (註:這兩個都是實務上常見的。不只會替代原帶有含意的變數名稱為單個英文字母,也會一併壓縮檔案大小) http://dean.edwards.name/packer/ http://javascriptcompressor.com/ Javascript Compiler (註:單純把js檔案大小壓縮) http://closure-compiler.appspot.com/home(Google提供,線上版) http://developer.yahoo.com/yui/compressor/(Yahoo所提供,但需下載額外的jar檔跑。也可替代名稱,但須額外下載jar檔略顯麻煩) For fun (註:這些都使用特殊的方式加密與編碼,雖可一眼看不出是什麼程式碼,但卻導致所需檔案大小成長N倍。在速度競爭的網路時代中勢必不被愛載) http:

  • hothero
    hothero
javascript

透過修改原始碼解除網頁鎖右鍵限制 (Chrome Dev)

很多網站為了保護自己網站內容都會將該網站的右鍵、選取等功能鎖住,此篇文章主要是介紹用Chrome Dev的Inspector透過修改網頁原始碼將限制移除,其他方法就不再多述。 圖片來源 Chrome Inspector 相信擅長網路開發或是略有而聞的讀者一定都知道FireBug這套出自於Firefox的Plugin(chrome也有,不過是Lite版),便是可以透過修改網頁原始碼即時在網頁上看到變化,而Inspector也可以說是chrome原生的FireBug,對於網頁開發員來說可說是必備工具!! 如何破解 開啟Inspector的方式有兩種,一種是透過右鍵->Inspect Element(如果鎖右鍵就沒用啦),另一種則是在功能表列上View -> Developer -> Developer Tools。 出現Inspector後就是找尋鎖功能的程式碼啦,絕大部分都會放在body這個Attribute中(從最上面開始找起)。舉此網站來說,在body中他擺了三個javascript的event handler來做右鍵、拖曳、選取的鎖定。 <body id="article-main" class=

  • hothero
    hothero