月份: 2016 年 7 月

分類
好用軟體

中文的假文產生器

通常在製作網頁設計時, 會需要一些假內容來進行排版的驗測, 當然, 找一些新聞網站也就可以有這些內容的填充物, 今天發現一個還蠻好玩的網站可以提供這樣的功能, “亂數假文產生器 Chinese Lorem Ipsum “: http://www.richyli.com/tool/loremipsum/

上面可以自選需要多約多少字的文章, 目前提供了 100, 200, 300, 400, 500, 1000 這幾種字數供應用, 下面還有個 “純標題版” 供排標題使用: http://www.richyli.com/tool/loremipsum/title.asp

這個功能很實用也很方便, 可以在設計網頁排版時, 有些假資料可用, 而且又是無意義的文章, 較不會影響排版的驗測.

另外還有這些工具也能達到相同的效果:
http://neocqd.appspot.com/textgen/
http://more.handlino.com/

相關文章:
http://blog.miniasp.com/post/2010/04/17/Useful-tools-Chinese-Lorem-Ipsum-generator.aspx
http://taiwan.chtsai.org/2010/04/25/zhongwen_jiawen_chanshengqi/

將瀏覽器進入全螢幕的方法(requestFullscreen)

有時在一些網站看到可以將特定的內容進行全螢幕的檢視, 早期僅有 video 可以有這樣的功能, 現在也可以透過瀏覽器擴充方法來進行特定內容的全螢幕檢視.

程式碼如下:

function launchFullscreen(element) {
    if (element.requestFullscreen) {
        element.requestFullscreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if (element.msRequestFullscreen) {
        element.msRequestFullscreen();
    }
}

function exitFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}

其中 launchFullscreen 傳入指定的容器物件, 如 div 就可以利用擴充方法 requestFullscreen 來進行全螢幕檢視, 而 exitFullscreen 則不用傳入物件, 使用 document 的擴充方法 exitFullscreen 即可離開全螢幕檢視.

範例:
http://sample.diary.tw/40/index.htm

參考資料:
http://xuhong.github.io/2014/05/23/fullscreen/
https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/device/fullscreen-api/

[2020/09/02 17:41]

由於 requestFullscreen() 是只針對特定 element , 所以在轉換網址時, 會恢復沒有全螢幕的狀況, 若是希望能持續有全螢幕效果, 可以使用 iframe 方式進行, 可以參考範例: https://codepen.io/timhuang/pen/KKzXWKa