Browse by Tags

使用PhantomJs產生網頁擷圖
將網頁內容另存圖檔是專案裡三不五時會冒出的需求,但一直沒找到順手好使的兵刃。 不久前介紹過HTML轉PDF的元件 -- Pechkin套件 ,網頁存成PDF已多少有保留擷圖的意義,但文末對本部落格的實測讓人失望,失真嚴重。最近的專案又被逼著設法將現成網頁(由JavaScript動態產生內容)轉存圖檔供其他系統應用,省去另外開發匯出模組的工程。再次Survey解決方案,想起先前流浪小風在 Chutzpath介紹 提過另一個webkit核心的網頁操作引擎 – PhantomJs 。 小試之後驚為天人...
Posted 29 August 2013 10:01 PMJeffrey | 7 comment(s) 23,992
Filed under: ,
JavaScript Eevent偵錯利器–Visual Event 2
開發網頁的朋友應該都有過類似經驗,網頁載入一堆JavaScript,一陣兵荒馬亂後,很難搞清楚最後在哪些元素的哪個動作掛了事件,尤其是JavaScript加掛事件的方式五花八門,可以透過jQuery、element.click = function() { }、element.addEventListener()…,很難由單一處找出所有事件。而理不清事件來龍去脈,要追蹤某個點擊動作背後的程式行為就變得有些困難。 發現一個神奇的JavaScript偵察工具 – Visual Event 2 。 Visual...
Posted 20 March 2013 10:04 PMJeffrey | 3 comment(s) 13,099
Filed under: ,
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 PMJeffrey | with no comments 5,402
Filed under: , ,
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 AMJeffrey | 2 comment(s) 12,780
Filed under: , ,
Trixie Script: PIXNET Slide Show Enhancement
最近迷上用 Trixie "改造"網站!(謎之聲: 哪有人"改造"會改到熱血沸騰的,你這個死駭客,就大方承認吧! ) 同事有個任務需要反覆查詢某個網站的多項內容另存網頁;但該網站用window.showModalDialog顯示內容,多了許多限制,還加上了防右鍵、防選取等防護,造成擷取資料時諸多不便,我只花了五分鐘用 IE Developer Toolbar 解析DOM結構跟寫了五行Trixie用的Script,便把showModalDialog改為在原視窗開啟,並讓網頁"返璞歸真",恢復了應有的右鍵及選取操作...
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 AMJeffrey | with no comments 7,400
Filed under: , ,
TOOLS-"Trixie": Customize Your Web Surfing
一直很羡慕FireFox上有各式各樣的外掛可以加,其中 Greasemonkey 是一直讓我流口水的功能之一。 (想知道Greasemonkey的神通廣大可以參考 這裡 、 這裡 ) 覺得某個網站的介面太鳥、功能太少,馬上可以自己動手改造成自己想要的樣子,這是多麼爽快的事。Greasemonkey提供了針對不同的網站/網頁時啟動專屬Javascript的功能,專屬的Javascript可以直接取存該網頁的DOM,用DHTML的技巧改變某個Element、或加上自己寫的華麗輔助UI。(換個角度想,你的網站如果都只靠Javascript來做安全管控...
Posted 06 June 2007 07:17 AMJeffrey | 7 comment(s) 21,624
Filed under: , ,

搜尋

Go

<April 2018>
SunMonTueWedThuFriSat
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication