Browse by Tags

使用PhantomJs產生網頁擷圖

將網頁內容另存圖檔是專案裡三不五時會冒出的需求，但一直沒找到順手好使的兵刃。 不久前介紹過HTML轉PDF的元件 -- Pechkin套件 ，網頁存成PDF已多少有保留擷圖的意義，但文末對本部落格的實測讓人失望，失真嚴重。最近的專案又被逼著設法將現成網頁(由JavaScript動態產生內容)轉存圖檔供其他系統應用，省去另外開發匯出模組的工程。再次Survey解決方案，想起先前流浪小風在 Chutzpath介紹 提過另一個webkit核心的網頁操作引擎 – PhantomJs 。 小試之後驚為天人...

Posted 29 August 2013 10:01 PM 由 Jeffrey | 7 comment(s) 25,694

Filed under: Tools, Javascript

JavaScript Eevent偵錯利器–Visual Event 2

開發網頁的朋友應該都有過類似經驗，網頁載入一堆JavaScript，一陣兵荒馬亂後，很難搞清楚最後在哪些元素的哪個動作掛了事件，尤其是JavaScript加掛事件的方式五花八門，可以透過jQuery、element.click = function() { }、element.addEventListener()…，很難由單一處找出所有事件。而理不清事件來龍去脈，要追蹤某個點擊動作背後的程式行為就變得有些困難。 發現一個神奇的JavaScript偵察工具 – Visual Event 2 。 Visual...

Posted 20 March 2013 10:04 PM 由 Jeffrey | 3 comment(s) 14,317

Filed under: Tools, Javascript

TOOL-Converting JSON DateTime String to .NET DateTime Structure

[Abstract] Sample code for converting "\/Date(1270051200000)\/" JSON format to .NET DateTime structure, it is used to convert log files with JSON-serialized data to make the date information readable. 專案裡有個Log機制會以JSON格式保存呼叫歷程中的參數物件，以便事後偵錯及追蹤之用...

Posted 29 November 2011 10:21 PM 由 Jeffrey | with no comments 6,026

Filed under: Tools, Javascript, .NET

TOOLS-Implement Operation Mask With Javascript

設計網頁時，有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同，還要小心設定disabled屬性會影響值是否傳回Server-Side，過去我還特別寫了很複雜的JS萬用函數負責將各元件設成唯讀。 AJAX開始流行起來之後，我注意到其中一項有意思的特效--Modal Dialog。當使用者叫出某個檔案上傳或選取器對話框時，為了要求使用者完成選項才將焦點交回原網頁...

Posted 23 September 2007 02:08 AM 由 Jeffrey | 2 comment(s) 14,282

Filed under: CSS, Tools, Javascript

Trixie Script: PIXNET Slide Show Enhancement

最近迷上用 Trixie "改造"網站!(謎之聲: 哪有人"改造"會改到熱血沸騰的，你這個死駭客，就大方承認吧! ) 同事有個任務需要反覆查詢某個網站的多項內容另存網頁；但該網站用window.showModalDialog顯示內容，多了許多限制，還加上了防右鍵、防選取等防護，造成擷取資料時諸多不便，我只花了五分鐘用 IE Developer Toolbar 解析DOM結構跟寫了五行Trixie用的Script，便把showModalDialog改為在原視窗開啟，並讓網頁"返璞歸真"，恢復了應有的右鍵及選取操作...

Posted 27 July 2007 02:11 AM 由 Jeffrey | 2 comment(s) 11,011

Filed under: Tools, Javascript, 潛盾機, IE

Trixie Script: Avoid Machine-Translated MS KB

先前寫過一篇 Post ，介紹過如何用Trixie在IE加上自訂Script，一直以來還沒真的拿來寫些實用的東西，今天開張了!! 使用Google查詢連結到MS的KB時(例如: http://support.microsoft.com/kb/826007 )，微軟的Support網站會很貼心地視Browser的預設語系，自動切換成該語系的語言版本。 只是中文版KB分為兩種，一種是請人以中文重新翻譯撰寫過的，另一種看似中文，實際上卻是令人舌頭打結，眼睛出血的機器英翻中。 雖然，頁面上已明顯地標明了警語...

Posted 24 July 2007 01:13 AM 由 Jeffrey | with no comments 8,174

Filed under: Tools, Javascript, IE

TOOLS-"Trixie": Customize Your Web Surfing

一直很羡慕FireFox上有各式各樣的外掛可以加，其中 Greasemonkey 是一直讓我流口水的功能之一。 (想知道Greasemonkey的神通廣大可以參考 這裡 、 這裡 ) 覺得某個網站的介面太鳥、功能太少，馬上可以自己動手改造成自己想要的樣子，這是多麼爽快的事。Greasemonkey提供了針對不同的網站/網頁時啟動專屬Javascript的功能，專屬的Javascript可以直接取存該網頁的DOM，用DHTML的技巧改變某個Element、或加上自己寫的華麗輔助UI。(換個角度想，你的網站如果都只靠Javascript來做安全管控...

Posted 06 June 2007 07:17 AM 由 Jeffrey | 7 comment(s) 23,794

Filed under: Tools, Javascript, Security

搜尋