小虫玩電腦: 9月 2011

2011-09-23

Git 與 subversion 透過 http proxy

小弟公司對外都要透過 proxy 才能存取，而我又常需要抓取外部 svn 或 github 中的程式碼下來參考，因此研究了一下如何設定 proxy 讓 git 與 svn 使用。

環境：

MacBook Pro with OSX Lion 10.7.1
svn, version 1.6.16
git version 1.7.4.4

Subversion

編輯 ~/.subversion/servers 檔案，設定 globe 的 http-proxy-host 與 http-proxy-port

在 svn checkout 時改用 http 或 https 協定即可：
svn checkout http://flot.googlecode.com/svn/trunk/ flot-read-only

Git

設定好環境變數 http_proxy 與 https_proxy 即可。

在 git clone 時改用 http 或 https 協定即可：

git clone http://github.com/carlhuda/janus.git ~/.vim

參考
http://realchecko.blogspot.com/2007/05/git-over-http-proxy.html

利用 VirtualBox 附的 VBoxManage 將vmdk/vhd轉換為VDI格式

VBoxManage clonehd source.vmdk target.vdi --format VDI

clonehd : 告訴 VBoxManage 要複制虛擬硬碟檔案
source.vmdk : 來源檔案
target.vdi : 目地檔案
--format VDI : 指定目地檔案的格式，來源檔案的格式似乎會自動判斷

轉換完後就可以在 virtualbox 中建立新的虛擬環境，並使用 target.vdi 進行開機使用了。

參考：
http://blog.tenyi.com/2009/12/convert-from-vmdkvhd-to-vdi-format.html
http://nfolamp.wordpress.com/2010/06/10/converting-vmdk-files-to-vdi-using-vboxmanage/

2011-09-09

CSS 解決網頁連續英數字文字太長而導致版面撐大的問題

一直以來，當網頁遇到連續的英文數字時，總是會無法斷行造成版面被撐大，以前的做法都是在文章中插入 br 來強制換行，今天終於找到利用 css 就可以控制版本並強制換行了。

一開始找到的方式是在 css 加上

	word-wrap: break-word;
	word-break: break-all;

結果發現在 Internet Explorer 上是 ok 的，在 Firefox 上是無效的。

後來又找到另外一個方法，在 css 上加上：

	word-wrap:break-word;
	word-break:break-all;
	-moz-binding: url('./wordwrap.xml#wordwrap');
	overflow: hidden;

然後再利用 wordwrap.xml 來處理：

<?xml version = "1.0"?>

<bindings xmlns = "http://www.mozilla.org/xbl" xmlns:html = "http://www.w3.org/1999/xhtml">

<binding id = "wordwrap" applyauthorstyles = "false">

     <implementation>
         <constructor>
             //<![CDATA[
            
             var elem = this;

             elem.addEventListener('overflow',
                 function()
                 {
                     var exp = /<\/*[_\s="'\w]+>/g;
                    
                     var txt = elem.innerHTML;
                     var chars = txt.split('');
                     var newTxt = chars.join('');                    
                     newTxt = newTxt.replace(exp, reconstructTag);                    
                     elem.innerHTML = newTxt;
                 },false);
                
                 function reconstructTag(_tag)
                 {
                     return _tag.replace(//g, '');
                 }

             //]]>
         </constructor>
     </implementation>
</binding>

</bindings>
<!-- Web2 -->

結果發現這個方式 firefox 最新版本已經不能用了。

最後找到的方法，在 css 上加上：

	word-wrap:break-word; 
	overflow: auto;
	width: 600px;

這樣 ie 與 firefox 都能使用了。
範例：

<div style="width: 600px;overflow: auto; word-wrap: break-word;" >data:text/html;charset=utf-8;base64,Q29uZ3JhdHVsYXRpb25zISBZb3UndmUgZm91bmQgdGhlIGhpZGRlbiBtZXNzYWdlIQ0KDQpUbyBjbGFpbSB5b3VyIHByaXplLCB2aXNpdCBodHRwOi8vZ2V0ZmlyZWZveC5jb20gdG9kYXkhDQoNCkZyZWUgYnJvd3NlciBpbiBldmVyeSBib3ghDQo%3D</div>

結果

data:text/html;charset=utf-8;base64,Q29uZ3JhdHVsYXRpb25zISBZb3UndmUgZm91bmQgdGhlIGhpZGRlbiBtZXNzYWdlIQ0KDQpUbyBjbGFpbSB5b3VyIHByaXplLCB2aXNpdCBodHRwOi8vZ2V0ZmlyZWZveC5jb20gdG9kYXkhDQoNCkZyZWUgYnJvd3NlciBpbiBldmVyeSBib3ghDQo%3D

參考：
http://www.minwt.com/?p=93
http://www.cnblogs.com/analyzer/articles/1285732.html
http://blog.longwin.com.tw/2008/06/css_word_wrap_fix_too_many_word_2008/
http://hacks.mozilla.org/2009/06/word-wrap/

2011-09-01

如何利用 vnc 控制 android 手機

小弟平常都是電腦利用手機來上網，最近一直在想，是不是有辦法從電腦控制手機，這樣就不用在電腦與手機中間換來換去，後來發現一個好東西：Droid Vnc Server，一個在 android 上執行的 vnc server ，安裝後就可以利用 vnc client 或是 browser 來控制手機了。

使用方式：

安裝完後，直接點選程式清單中的 droid VNC server