phantomjs實現免費線上網頁截圖工具-toolfk程式設計師線上工具網

王三金發表於2018-11-24
JS網頁程式設計師

      本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱，ToolFk 特色是專注於程式設計師日常的開發工具，不用安裝任何軟體，只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援 BarCode條形碼線上生成、 QueryList採集器、 PHP程式碼線上執行、 PHP混淆、加密、解密、 Python程式碼線上執行、JavaScript線上執行、YAML格式化工具、HTTP模擬查詢工具、HTML線上工具箱、JavaScript線上工具箱、CSS線上工具箱、JSON線上工具箱、Unixtime時間戳轉換、Base64/URL/Native2Ascii轉換、CSV轉換工具箱、XML線上工具箱、WebSocket線上工具、Markdown 線上工具箱、Htaccess2nginx 轉換、進位制線上轉換、線上加密工具箱、線上偽原創工具、線上APK反編譯、線上網頁截圖工具、線上隨機密碼生成、線上生成二維碼Qrcode、線上Crontab表示式生成、線上短網址生成、線上計算器工具。等20多個日常程式設計師開發工具，算是一個非常全面的程式設計師工具箱網站。


網站名稱：ToolFk
網站鏈結：www.toolfk.com/
工具連結：www.toolfk.com/tool-screen…

程式碼教學

本工具[線上網站截圖工具]依賴的程式碼庫為phantomjs庫。https://github.com/ariya/phantomjs

STEP 1

screen.png

STEP 2

核心程式碼如下

var page = require('webpage').create(),
    system = require('system'),
    url,filename,visitType,ratio;

url = system.args[1];
filename = system.args[2];
visitType = system.args[3];
ratio = system.args[4];


//console.log(JSON.stringify(page.viewportSize));
page.open(url, function(status) {
    if (status != "success"){
        console.log('FAIL to load the address');
        phantom.exit();
    }

    if(visitType==1){
        switch(ratio){
            case "0":page.viewportSize={width:1920,height:1080};break;
            case "1":page.viewportSize={width:2560,height:1440};break;
            case "2":page.viewportSize={width:1680,height:1050};break;
            case "3":page.viewportSize={width:1440,height:900};break;
            case "4":page.viewportSize={width:1280,height:1024};break;
            case "5":page.viewportSize={width:1024,height:768};break;
            default:page.viewportSize={width:1920,height:1080};

        }

    }
});

page.onLoadFinished = function() {
    page.render(filename);
    page.close();
    phantom.exit();
};複製程式碼


值得一試的三個理由：

  1. 整合各種程式設計師開發中經常使用的開發測試工具。

  2. 簡潔美觀大氣的網站頁面

  3. 支援 線上格式化執行程式碼、APK線上反編譯、線上高強度密碼生成、線上網頁截圖 等二十多種工具服務

  4. 同時還推薦一下它的姐妹網 www.videofk.com 視訊下載工具箱




相關文章