解析上傳過程比較簡(jiǎn)單，我使用JSZip對(duì)apk和ipa進(jìn)行解壓，然后把找到里面的icon上傳到服務(wù)器。但是，當(dāng)我在網(wǎng)頁(yè)中使用圖片時(shí)，問題出現(xiàn)了。對(duì)于apk中的icon，沒有任何問題，但是對(duì)于ipa中解析出來的圖片，在safari中可以正常顯示，在其他任何瀏覽器去無法顯示。

原因

Google后發(fā)現(xiàn)，是蘋果對(duì)png圖片進(jìn)行了優(yōu)化處理，具體看這篇文章（查看），在文章中我們可以了解到一些有用信息：

Apple uses PNGCursh open source library to crush png images inside iPA files。

解決方案

作為一個(gè)前端工程師，我希望用javascript解決這個(gè)問題。其實(shí)之前國(guó)外已經(jīng)有人去解決了，NodeJS-PNGDefry就是可以，可惜這個(gè)太久沒維護(hù)，已經(jīng)跑不起來。

找不到可用的，我只能自己動(dòng)手豐衣足食，自己寫一個(gè)。因此有了node-pngdefry。node-pngdefry的功能很明確，就是用Javascript來還原被蘋果處理過的png圖片。

node-pngdefry用法很簡(jiǎn)單，支持命令行和常規(guī)的Node.js:

命令行用法

install：

$ npm install -g pngdefry

then run:

$ pngdefry -i icon.png -o icon.new.png

在Node.js中使用

$ npm install pngdefry --save-dev

var pngdefry = require('pngdefry');
var path = require('path');

var input = path.join(__dirname, 'icon.png');
var output = path.join(__dirname, 'icon.new.png');

pngdefry(input, output, function(err) {
 if (err) {
  return;
 }

 console.log('success');
});

Test

$ npm test

項(xiàng)目地址

node-pngdefry

您可能感興趣的文章:

相關(guān)文章

node.js平臺(tái)下的mysql數(shù)據(jù)庫(kù)配置及連接
本文主要介紹了node.js平臺(tái)下的mysql數(shù)據(jù)庫(kù)配置及連接的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03
Node.js檢測(cè)端口(port)是否被占用的簡(jiǎn)單示例
大家有沒有遇到過在開啟本地服務(wù)時(shí)，有這么一種情況：當(dāng)前端口已經(jīng)被另一個(gè)項(xiàng)目使用了，導(dǎo)致服務(wù)開啟失敗。那么接下來，我們通過簡(jiǎn)簡(jiǎn)單單的示例代碼來檢測(cè)端口是否已經(jīng)被占用。有需要的朋友們可以參考借鑒。
2016-09-09
nodejs高版本降為低版本的詳細(xì)解決方案
部分老舊項(xiàng)目需要使用低版本的node,網(wǎng)上很多是無效的,高版本無法直接安裝低版本node,但是低版本nodejs可以安裝部分高版本node,從而達(dá)到升級(jí)效果,下面這篇文章主要給大家介紹了關(guān)于nodejs高版本降為低版本的詳細(xì)解決方案,需要的朋友可以參考下
2022-12-12
nodejs中使用worker_threads來創(chuàng)建新的線程的方法
這篇文章主要介紹了nodejs中使用worker_threads來創(chuàng)建新的線程的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01
在Debian（Raspberry Pi）樹莓派上安裝NodeJS的教程詳解
在樹莓派上運(yùn)行NodeJS并不需要特別的配置，你只需要確保可以用openssh遠(yuǎn)程連接到你的樹莓派就ok了，關(guān)于在Debian（Raspberry Pi）樹莓派上安裝NodeJS的方法，大家可以通過本文了解下
2017-09-09
nodejs中express入門和基礎(chǔ)知識(shí)點(diǎn)學(xué)習(xí)
這篇文章給大家分享了關(guān)于學(xué)習(xí)nodejs中express入門和基礎(chǔ)知識(shí)點(diǎn)內(nèi)容，有興趣的朋友們參考下。
2018-09-09
使用Express處理請(qǐng)求和托管靜態(tài)資源方式
這篇文章主要介紹了使用Express處理請(qǐng)求和托管靜態(tài)資源方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
淺談Node模塊系統(tǒng)及其模式
本篇文章主要介紹了淺談Node模塊系統(tǒng)及其模式，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
Express + Session 實(shí)現(xiàn)登錄驗(yàn)證功能
本文主要介紹在 Express 框架中，如何使用 Session 來實(shí)現(xiàn)用戶登錄身份驗(yàn)證。對(duì)express session實(shí)現(xiàn)登錄驗(yàn)證相關(guān)知識(shí)，感興趣的朋友一起看看吧
2017-09-09
在Mac OS上安裝使用Node.js的項(xiàng)目自動(dòng)化構(gòu)建工具Gulp
Gulp是一個(gè)在使用上比Grunt更加簡(jiǎn)潔的自動(dòng)化工具(文中附有對(duì)比),和Node的npm包管理器配合使用非常方便,下面就記錄一下在Mac OS上安裝使用Node.js的項(xiàng)目自動(dòng)化構(gòu)建工具Gulp的方法:
2016-06-06