網頁文章的程式碼區塊

用 css 幫 blog 的文章裝扮一下，為了好區分文章的內文和程式碼，最後將寫好的 css 加入 BLOG 的範本裡，以後就很方便用了。

使用方式就是將程式碼用 <code></code>包起來，就用 css 的 code 當內容來顯示成果吧
code { display: block; font-family: Courier New; font-size: 80%; color: white; background-color: navy; padding: 10px 5px 5px 20px; white-space: pre; } code.cmd { background-color: black; }
又加了一個 cmd 用來顯示命令，unix用太多了，常會有這需求。
使用方式 <code class="cmd">command</code>，顯示如下
command

css 說明：
將 <code> 改成區塊元素(block element)，字型設定成 Courier New，字型大小為文章的 80%，字型顏色則是白色，背景改為深藍色(cmd改為黑色)，另外給上下左右都增加一些空間，最重要是加上 white-space: pre 將元素內的空白保留。
閱讀全文...

How to add column from exist table with SQL Server(如何在SQL Server以存在的Table中新增欄位)

SQL SERVER在已存在的資料表新增一欄位
指令：
ALTER TABLE table_name ADD column_name datatype
閱讀全文...

How to remove column from exist table with SQL Server(如何在SQL Server的Table中刪除欄位)

SQL SERVER 從存在的資料表刪除一個欄位
指令：
ALTER TABLE table_name DROP COLUMN column_name
閱讀全文...

How to resize column from exist table with SQL Server(如何在SQL Server中調整table的欄位大小)

Resize column from exist table with SQL Server
指令：
ALTER TABLE table_name ALTER COLUMN column_name datatype(size)

NOTE:如果現有欄位資料大於要調整的大小，指令將不會被執行
閱讀全文...

好用的 Chrome 內建開發人員工具

在同事的介紹下，意外發現這佛來心的工具，真是太好用啦，它陪伴我寫完第一個手機網站。

開發工具打開方式：
1. 功能表 -> 工具 -> 開發人員工具
2. 直接按 F12 叫出來

強大的功能：
1. 在網頁任何位置按右鍵，選擇"檢查元素"，就可以看到原始碼。


2. Network 頁面，可以看到網頁各項的執行時間。


3. Console 頁面，可以檢查錯誤訊息。


4. 設定(藏在右下角的齒輪圖示)中，可以 Disable Cache 和 JavaScript。


5. 最近才發現的功能，之前都是用下指令的方式來模擬手機瀏覽器，沒想到這好用的功能就藏在設定內。


詳細設定可參考

閱讀全文...

Simulate a Mobile Browser using Chrome(Chrome模擬手機瀏覽器)

開發手機版的 Web 網站，如果每次測試都要先裝到手機才能測試，那真的是一件令人抓狂的事，所以最簡便的方式就是用一般瀏覽器來模擬手機的瀏覽器，可以讓測試更容易進行。

Google Chrome 模擬手機瀏覽器的方法有兩種：
1. 用cmd下命令的方式
1.1 Android
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

1.2 iphone
chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3"

2. 利用內建的開發者工具
2.1 利用右上角的功能表，選擇工具(Tools)-> 開發人員工具(Developer Tools)


2.2 找到開發人員工具的視窗左下角，來打開設定(Setting)介面


2.3 將 "Override User Agent" 選項打勾，再利用其下拉選單，選擇所要模擬的裝置。"Emulate Touch Event" 選項打勾，還可以模擬手機/平板電腦的觸控手勢。


2.4 按一下 F5 就可以看到模擬手機的畫面了

閱讀全文...

惡意攻擊程式：DNS Changer

刑事局呼籲民眾檢查個人電腦是否感染DNSChanger，這惡意軟體由「ROVE DIGITAL」公司開發，以「域名系統綁架」（DNS Changer）病毒綁架全球上百萬台電腦、四百多萬筆IP，只要上網就會強制跳出廣告；該公司並藉此獲取1千4百萬美元的不法廣告收益。

請檢測使用電腦是否中毒，否則本月9日後電腦可能無法上網。
消息來源請參考:刑事局官網新聞稿
檢查軟體在新聞稿附件內下載。

閱讀全文...