建站
咨詢
售后
建站咨詢
新聞中心
這幾天簡單整理了一下自己日常經(jīng)常使用的工具網(wǎng)站，把好用的分享給小伙伴們！
根河網(wǎng)站建設公司創(chuàng)新互聯(lián)公司,根河網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為根河千余家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿網(wǎng)站制作要多少錢，請找那個售后服務好的根河做網(wǎng)站的公司定做！
所以今天給大家?guī)淼氖?nbsp;11 個 GitHub 上超火的前端實用在線工具 ，終于有時間上班摸魚了，嘻嘻~
喵~ 喵~ 喵~ 正文要開始了，上車坐穩(wěn)扶好了~
1. LightHouse
LightHouse 是一個開源的自動化工具，用于改進網(wǎng)絡應用的質量。
可以將其作為一個 Chrome 擴展程序運行，或從命令行運行。
當為 Lighthouse 提供一個要審查的網(wǎng)址，它將針對此頁面運行一連串的測試，然后生成一個有關頁面性能的報告。
讓開發(fā)人員根據(jù)生成的頁面性能的報告，來進行網(wǎng)站優(yōu)化和完善，提高用戶體驗。
可以參考失敗的測試，看看可以采取哪些措施來改進應用。
在里面你可以看到它給你各個方面的建議，比如圖片、css、js 這些文件的處理，還有 html 里面標簽的使用，緩存處理等建議，可以根據(jù)這些來對網(wǎng)站進行優(yōu)化。
https://github.com/GoogleChro...
2. Can I Use
這個是一個針對前端開發(fā)人員定制的一個查詢 CSS、Js 在個中流行瀏覽器鐘的特性和兼容性的網(wǎng)站，可以很好的保證網(wǎng)頁的瀏覽器兼容性。
有了這個工具可以快速的了解到代碼在各個瀏覽器鐘的效果。
比如查詢 transform 的瀏覽器支持情況：
再比如 proxy 的瀏覽器支持情況：
https://caniuse.com/
3. Carbon
Carbon 是一個在線的代碼轉圖片工具。
相信小伙伴們見過很多人的博客上面都有類似這種代碼圖片吧?
Carbon 可以很容易的為你的代碼創(chuàng)建漂亮的圖片。
特性
- GitHub gist 導入. 只需要在 url 后面加上 github gist id 就可以導入
- 定制化. 可定制圖片的語法主題，窗口樣式等
- 所見即分享. 點下鼠標就可以分享到推特上面
不過有個缺點就是國內網(wǎng)絡訪問時，復制圖片很慢。
https://carbon.now.sh/
4. ios font
IOS 字體支持查詢和 IOS 系統(tǒng)自帶字體查詢。
http://iosfonts.com/
5. web 安全色查詢
web color 為了盡量讓用戶看到色彩相同的網(wǎng)頁，請盡量使用 216 色的 web 安全色。
https://www.bootcss.com/p/web...
6. TinyPNG
PNG/JPG 圖片在線壓縮利器，智能 PNG 和 JPEG 圖片壓縮。
TinyPNG 使用智能有損壓縮技術將您的 PNG 文件的文件大小降低。 通過選擇性的減少圖片中的顏色，只需要很少的字節(jié)數(shù)就能保存數(shù)據(jù)。 對視覺的影響幾乎不可見，但是在文件大小上有非常大的差別。
https://tinypng.com/
7. 二維碼生成器
草料二維碼生成器，相信很多人都用過。
常用的工具也很多：
https://cli.im/
8. Shape Divider
定制各種形狀的網(wǎng)站分區(qū) SVG 的工具，調整好了自己想要的形狀之后，可以一鍵復制和下載。
https://www.shapedivider.app/
9. json 格式化
這是一個 json 在線解析的網(wǎng)站，是我最常使用的一個網(wǎng)站。
功能包括了：json 在線解析，json 格式化，json 格式驗證，json 轉 xml，xml 轉 json，json 壓縮，json 轉義，js 混淆加密，JSON 轉實體，json 在線，JSON 校驗。
http://json.cn/
10. sojson
這是一個功能多到發(fā)指的網(wǎng)站！
比如 前端WEB工具 就包含了以下的工具：
而且還有更多：
- JSON 在線工具：JSON 在線解析、JSON 格式化、JSON 對比、JSON 壓縮
- 加密/解密：在線加密/解密 | JS 加密 | JS 解密 | AES | DES | MD5 | Base64
- 壓縮/格式化：在線壓縮/格式化/美化 | JSON | JS | HTML | Java | SQL
- 開發(fā)文檔：開發(fā)文檔/API文檔
- 前端 WEB 工具/前端工具
- 在線轉換：在線轉換 | 單位轉換 | 數(shù)據(jù)轉換 | 格式轉換
- 二維碼：二維碼生成 | 二維碼解析 | 動態(tài)二維碼 | 二維碼美化
- 正則表達式：正則表達式 | 正則表達式測試工具 | 正則表達式教程
- 站長工具：備案查詢 | SEO 檢測 | HTTPS 檢測 | 微信防封檢測 | DNS 檢測 | Robots 生成
- HTTP工具：HTTP 模擬請求 | HTTP 測試工具 | HTTP 協(xié)議 | GET/POST
- 房貸計算工具 房貸計算器 | 最新房貸計算器 | 2020房貸利率
- 生活工具：時間 | 萬年歷 | 放假 | 老黃歷 | 測網(wǎng)速 | 天氣
- 修改圖片：在線修改圖片 | 圖片尺寸修改 | 圖片壓縮 | 圖片美化 | 圖片批量處理 | 圖片水印
- JS 加密 / JS 解密：JS 解密 | JS 加密 | JS 美化 | JS 格式化 | JS 混淆
https://www.sojson.com/
11. 站長工具
站長工具是站長的必備工具。
經(jīng)常上站長工具可以了解 SEO 數(shù)據(jù)變化。
還可以檢測網(wǎng)站死鏈接、蜘蛛訪問、HTML格式檢測、網(wǎng)站速度測試、友情鏈接檢查、網(wǎng)站域名IP查詢。
SEO 相關類的有 WHOIS 查詢，DNS 查詢過期域名查詢，NsLookup 查詢，域名刪除時間備案查詢刪除域名歸檔備案批量查詢等，除此之外，還有 IP 類，百度相關，測速/監(jiān)控，網(wǎng)頁相關，網(wǎng)站優(yōu)化人員必備。
https://tool.chinaz.com/
最后
最近加班有點嚴重，經(jīng)常都是晚上 11 點多才下班，所以文章更新慢了很多。
因為文章都是在晚上肝出來的，一篇文章要肝幾個晚上才行，肝到這里時，已經(jīng)過了零晨了，唉。
網(wǎng)站欄目：11個超火的前端必備在線工具，終于有時間上班摸魚了
URL分享：http://www.dlmjj.cn/article/dhjshos.html
