鍍金池/ 問(wèn)答/HTML/ 同一HTML標(biāo)簽，不同終端，情形各異，這個(gè)鍋丟給誰(shuí)？

同一HTML標(biāo)簽，不同終端，情形各異，這個(gè)鍋丟給誰(shuí)？

如題詳述：

就這樣的一行a標(biāo)簽代碼，點(diǎn)擊鏈接，情形各異：

  • PC端、iOS手機(jī)瀏覽器端正常預(yù)覽PDF文件
  • android手機(jī)瀏覽器端，直接下載

試問(wèn)：同樣的頁(yè)面，在不同終端參差不齊，請(qǐng)問(wèn)這是誰(shuí)的鍋？瀏覽器內(nèi)核？如果是瀏覽器內(nèi)核，那我又是怎樣才能知道不同內(nèi)核對(duì)某個(gè)HTML標(biāo)簽屬性支持情況？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
  <title>Document</title>
</head>
<body>
  <a href="" download="http://www.pospi.com/pdf/ismp3%20%E4%B8%AD%E6%96%87.pdf">點(diǎn)擊后PDF效果</a>
</body>
回答
編輯回答
怣人
層主您好，我說(shuō)一個(gè)方案，個(gè)人見(jiàn)接。
  • 既然點(diǎn)擊a標(biāo)簽的反應(yīng)是五花八門，那么就自己去寫點(diǎn)擊事件
  • 可以通過(guò)js去判斷當(dāng)前瀏覽器的類型之后拿到您的下載鏈接去做不同的處理

題外話：這種鍋當(dāng)然是廠商的了。。。

2017年10月18日 04:41
編輯回答
編輯回答
陪她鬧

丟給download，這玩意支持的不好。

2017年9月19日 23:16
編輯回答
哚蕾咪

前兩天剛處理了這跟題，安卓端可以使用 pdfjs 去預(yù)覽 pdf 文件（這方面有問(wèn)題可以聊）。

PC端各瀏覽器內(nèi)部封裝了 PDF 預(yù)覽，IOS 原生存在 PDF reader 可以調(diào)起來(lái)解析pdf，但是 安卓原生沒(méi)有（在安裝了 google drive 的手機(jī)上也可以達(dá)到點(diǎn)擊 a 直接預(yù)覽的效果），所以需要手動(dòng)補(bǔ)償。

鍋可以甩，但是效果統(tǒng)一要保證：）

2017年2月7日 08:27
編輯回答
心上人

國(guó)內(nèi)即然沒(méi)法用Google Docs，建議你用 https://pdfobject.com/，主流瀏覽器應(yīng)該都沒(méi)有問(wèn)題

2017年8月18日 06:27
編輯回答
老梗

改變默認(rèn)樣式 或者同意默認(rèn)樣式

2017年12月21日 16:12
編輯回答
陌南塵

自我解答這個(gè)問(wèn)題：今天逛vue逛網(wǎng)，無(wú)意中發(fā)現(xiàn)兼容移動(dòng)端很贊地預(yù)覽PDF文件的模塊“vue-pdf”，https://github.com/FranckFrei...。

初步的測(cè)試了下，發(fā)現(xiàn)這個(gè)模塊的效果遠(yuǎn)好于pdfjs，大家可以參考下?。。。。ü?，開(kāi)心，發(fā)現(xiàn)新東西了，我要改代碼了?。。。?/p>

2017年7月1日 19:04
編輯回答
傻丟丟

解決不了自己背！解決了但不是很好，丟給廠商！

2018年9月6日 19:59
編輯回答
北城荒

這個(gè)情況之前也遇到過(guò)，android瀏覽器默認(rèn)不能解析pdf文件，需要各種插件支持，項(xiàng)目緊張。后面想了個(gè)辦法，先把pdf轉(zhuǎn)成html文件放在另一臺(tái)服務(wù)器，然后針對(duì)pdf鏈接在android webview中設(shè)置跳轉(zhuǎn)。判斷如果是pdf文件，那么直接強(qiáng)值更換鏈接為html的版本。

2017年11月7日 10:37