<!DOCTYPE html><!--Copyright 2012 Mozilla FoundationLicensed under the Apache License, Version 2.0 (the "License");you may not use this file except in compliance with the License.You may obtain a copy of the License at ???http://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.Adobe CMap resources are covered by their own copyright but the same license: ???Copyright 1990-2015 Adobe Systems Incorporated.See https://github.com/adobe-type-tools/cmap-resources--><html dir="ltr" mozdisallowselectionprint moznomarginboxes><head> ???<meta charset="utf-8"> ???<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ???<meta name="google" content="notranslate"> ???<meta http-equiv="X-UA-Compatible" content="IE=edge"> ???<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> ???<script> ???????????var DEFAULT_URL = ‘‘; ????????????var PDFData = ""; ???????????$.ajax({ ???????????????type: "get", ???????????????async: false, ???????????????mimeType: ‘text/plain; charset=x-user-defined‘,// ???????????????url: ‘https://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf‘, ???????????????????????????????url:‘文件url‘}‘, ???????????????success: function(data) { ???????????????????console.log(‘成功‘); ???????????????????PDFData = data; ???????????????},error:function(e){ ???????????????????console.log(‘--->‘+e.statusText); ????????????????} ???????????}); ???????????var rawLength = PDFData.length; ???????????//pdf.js-4068 ?解密 ???????????var array = new Uint8Array(new ArrayBuffer(rawLength)); ???????????for(i = 0; i < rawLength; i++) { ???????????????array[i] = PDFData.charCodeAt(i) & 0xff; ???????????} ???????????DEFAULT_URL = array; ???????????console.log(DEFAULT_URL); ???</script> ???<title>PDF.js viewer</title> ???<link rel="stylesheet" href="viewer.css"> ???<!-- This snippet is used in production (included from viewer.html) --> ???<link rel="resource" type="application/l10n" href="locale/locale.properties"> ???<script src="l10n.js"></script> ???<script src="../build/pdf.js"></script> ???<script src="viewer.js"></script></head><body tabindex="1" ><div > ???<div > ???????<div > ???????????<div > ???????????????<button title="Show Thumbnails" ???????????????????????tabindex="2" data-l10n-> ???????????????????<span data-l10n->Thumbnails</span> ???????????????</button> ???????????????<button ???????????????????????title="Show Document Outline (double-click to expand/collapse all items)" ???????????????????????tabindex="3" data-l10n-> ???????????????????<span data-l10n->Document Outline</span> ???????????????</button> ???????????????<button title="Show Attachments" ???????????????????????tabindex="4" data-l10n-> ???????????????????<span data-l10n->Attachments</span> ???????????????</button> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????</div> ???????????<div > ???????????</div> ???????????<div > ???????????</div> ???????</div> ???</div> ???<!-- sidebarContainer --> ???<div > ???????<div > ???????????<div > ???????????????<input title="Find" ??????????????????????placeholder="请输入关键字..." tabindex="91" data-l10n-> ???????????????<div > ???????????????????<button ???????????????????????????title="Find the previous occurrence of the phrase" tabindex="92" ???????????????????????????data-l10n-> ???????????????????????<span data-l10n->Previous</span> ???????????????????</button> ???????????????????<div ></div> ???????????????????<button ???????????????????????????title="Find the next occurrence of the phrase" tabindex="93" ???????????????????????????data-l10n-> ???????????????????????<span data-l10n->Next</span> ???????????????????</button> ???????????????</div> ???????????</div> ???????????<div > ???????????????<input type="checkbox" tabindex="94"> ???????????????<label for="findHighlightAll" ??????????????????????data-l10n->高亮</label> ???????????????<input type="checkbox" tabindex="95"> ???????????????<label for="findMatchCase" ??????????????????????data-l10n->区分大小写</label> ???????????????<span ></span> ???????????</div> ???????????<div > ???????????????<span ></span> ???????????</div> ???????</div> ???????<!-- findbar --> ???????<div > ???????????<div > ???????????????<button ??????????????????????? ???????????????????????title="Switch to Presentation Mode" tabindex="51" ???????????????????????data-l10n-> ???????????????????<span data-l10n->Presentation Mode</span> ???????????????</button> ???????????????<button ??????????????????????? title="Open File" ???????????????????????tabindex="52" data-l10n-> ???????????????????<span data-l10n->打开</span> ???????????????</button> ???????????????<button ???????????????????????title="Print" tabindex="53" data-l10n-> ???????????????????<span data-l10n->打印</span> ???????????????</button> ???????????????<button ??????????????????????? title="Download" ???????????????????????tabindex="54" data-l10n-> ???????????????????<span data-l10n->下载</span> ???????????????</button> ???????????????<a href="#" ?????????????????? ??????????????????title="Current view (copy or open in new window)" tabindex="55" ??????????????????data-l10n-> ???????????????????<span data-l10n->当前在看</span> ???????????????</a> ???????????????<div ></div> ???????????????<button ???????????????????????title="Go to First Page" tabindex="56" data-l10n-> ???????????????????<span data-l10n->转到第一页</span> ???????????????</button> ???????????????<button ???????????????????????title="Go to Last Page" tabindex="57" data-l10n-> ???????????????????<span data-l10n->转到最后一页</span> ???????????????</button> ???????????????<div ></div> ???????????????<button ???????????????????????title="Rotate Clockwise" tabindex="58" data-l10n-> ???????????????????<span data-l10n->顺时针旋转</span> ???????????????</button> ???????????????<button ???????????????????????title="Rotate Counterclockwise" tabindex="59" ???????????????????????data-l10n-> ???????????????????<span data-l10n->逆时针旋转</span> ???????????????</button> ???????????????<div ></div> ???????????????<button ???????????????????????title="Enable hand tool" tabindex="60" data-l10n-> ???????????????????<span data-l10n->开启手型工具</span> ???????????????</button> ???????????????<div ></div> ???????????????<button ???????????????????????title="Document Properties…" tabindex="61" ???????????????????????data-l10n-> ???????????????????<span data-l10n->文档信息</span> ???????????????</button> ???????????</div> ???????</div> ???????<!-- secondaryToolbar --> ???????<div > ???????????<div > ???????????????<div > ???????????????????<div > ???????????????????????<button title="Toggle Sidebar" ???????????????????????????????tabindex="11" data-l10n-> ???????????????????????????<span data-l10n->Toggle Sidebar</span> ???????????????????????</button> ???????????????????????<div ></div> ???????????????????????<button title="Find in Document" ???????????????????????????????tabindex="12" data-l10n-> ???????????????????????????<span data-l10n->Find</span> ???????????????????????</button> ???????????????????????<div > ???????????????????????????<button title="Previous Page" ???????????????????????????????????tabindex="13" data-l10n-> ???????????????????????????????<span data-l10n->Previous</span> ???????????????????????????</button> ???????????????????????????<div ></div> ???????????????????????????<button title="Next Page" ???????????????????????????????????tabindex="14" data-l10n-> ???????????????????????????????<span data-l10n->Next</span> ???????????????????????????</button> ???????????????????????</div> ???????????????????????<input type="number" ??????????????????????????????title="Page" value="1" size="4" min="1" tabindex="15" ??????????????????????????????data-l10n-> ???????????????????????<span ></span> ???????????????????</div> ???????????????????<div > ???????????????????????<button ??????????????????????????????? ???????????????????????????????title="Switch to Presentation Mode" tabindex="31" ???????????????????????????????data-l10n-> ???????????????????????????<span data-l10n->Presentation Mode</span> ???????????????????????</button> ???????????????????????<button ???????????????????????????????title="Open File" tabindex="32" data-l10n-> ???????????????????????????<span data-l10n->Open</span> ???????????????????????</button> ???????????????????????<button ???????????????????????????????title="Print" tabindex="33" data-l10n-> ???????????????????????????<span data-l10n->Print</span> ???????????????????????</button> ???????????????????????<button ???????????????????????????????title="Download" tabindex="34" data-l10n-> ???????????????????????????<span data-l10n->Download</span> ???????????????????????</button> ???????????????????????<a href="#" ??????????????????????????title="Current view (copy or open in new window)" tabindex="35" ??????????????????????????data-l10n-> ???????????????????????????<span data-l10n->Current View</span> ???????????????????????</a> ???????????????????????<div ></div> ???????????????????????<button title="Tools" ???????????????????????????????tabindex="36" data-l10n-> ???????????????????????????<span data-l10n->Tools</span> ???????????????????????</button> ???????????????????</div> ???????????????????<div > ???????????????????????<div > ???????????????????????????<button title="Zoom Out" ???????????????????????????????????tabindex="21" data-l10n-> ???????????????????????????????<span data-l10n->Zoom Out</span> ???????????????????????????</button> ???????????????????????????<div ></div> ???????????????????????????<button title="Zoom In" ???????????????????????????????????tabindex="22" data-l10n-> ???????????????????????????????<span data-l10n->Zoom In</span> ???????????????????????????</button> ???????????????????????</div> ???????????????????????<span > ?????????????????<select title="Zoom" tabindex="23" data-l10n-> ???????????????????<option title="" value="auto" selected="selected" ???????????????????????????data-l10n->Automatic Zoom</option> ???????????????????<option title="" value="page-actual" ???????????????????????????data-l10n->Actual Size</option> ???????????????????<option title="" value="page-fit" ???????????????????????????data-l10n->Fit Page</option> ???????????????????<option title="" value="page-width" ???????????????????????????data-l10n->Full Width</option> ???????????????????<option title="" value="custom" disabled="disabled" ???????????????????????????hidden="true"></option> ???????????????????<option title="" value="0.5" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 50 }‘>50%</option> ???????????????????<option title="" value="0.75" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 75 }‘>75%</option> ???????????????????<option title="" value="1" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 100 }‘>100%</option> ???????????????????<option title="" value="1.25" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 125 }‘>125%</option> ???????????????????<option title="" value="1.5" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 150 }‘>150%</option> ???????????????????<option title="" value="2" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 200 }‘>200%</option> ???????????????????<option title="" value="3" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 300 }‘>300%</option> ???????????????????<option title="" value="4" data-l10n- ???????????????????????????data-l10n-args=‘{ "scale": 400 }‘>400%</option> ?????????????????</select> ???????????????</span> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div > ???????????????????????</div> ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<menu type="context" > ???????????<menuitem label="First Page" data-l10n-></menuitem> ???????????<menuitem label="Last Page" data-l10n-></menuitem> ???????????<menuitem label="Rotate Clockwise" ?????????????????????data-l10n-></menuitem> ???????????<menuitem label="Rotate Counter-Clockwise" ?????????????????????data-l10n-></menuitem> ???????</menu> ???????<div tabindex="0"> ???????????<div ></div> ???????</div> ???????<div hidden=‘true‘> ???????????<div > ???????????????<span ></span> ???????????????<button data-l10n-> ???????????????????More Information ???????????????</button> ???????????????<button data-l10n- hidden=‘true‘> ???????????????????Less Information ???????????????</button> ???????????</div> ???????????<div > ???????????????<button data-l10n-> ???????????????????Close ???????????????</button> ???????????</div> ???????????<div ></div> ???????????<textarea hidden=‘true‘ readonly="readonly"></textarea> ???????</div> ???</div> ???<!-- mainContainer --> ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<p data-l10n->Enter the password to open ???????????????????????this PDF file:</p> ???????????????</div> ???????????????<div > ???????????????????<!-- The type="password" attribute is set via script, to prevent warnings in Firefox for all http:// documents. --> ???????????????????<input > ???????????????</div> ???????????????<div > ???????????????????<button ><span ???????????????????????????data-l10n->Cancel</span></button> ???????????????????<button ><span ???????????????????????????data-l10n->OK</span></button> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<span data-l10n->文件名:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->文件大小:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div ></div> ???????????????<div > ???????????????????<span data-l10n->标题:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->作者:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->主题:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->关键词:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->创建日期:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->修改日期:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->创建者:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div ></div> ???????????????<div > ???????????????????<span data-l10n->制作者:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->版本:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<span data-l10n->页数:</span> ???????????????????<p >-</p> ???????????????</div> ???????????????<div > ???????????????????<button ><span ???????????????????????????data-l10n->关闭</span></button> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<span data-l10n->准备打印文档…</span> ???????????????</div> ???????????????<div > ???????????????????<progress value="0" max="100"></progress> ???????????????????<span data-l10n- data-l10n-args=‘{ "progress": 0 }‘ ?????????????????????????>0%</span> ???????????????</div> ???????????????<div > ???????????????????<button ><span ???????????????????????????data-l10n->取消</span></button> ???????????????</div> ???????????</div> ???????</div> ???</div> ???<!-- overlayContainer --></div><!-- outerContainer --><div ></div></body></html>PDF.js 主页样式以及获取流
原文地址：http://www.cnblogs.com/6324/p/7520835.html