我们日常学习和日常工作中，如果想要将PDF文件转换为HTML形式该怎么办呢？PDF文件格式可以直接转换为HTML格式吗？

之前小编和大家分享过如何使用电脑操作的方法，今天小编就和大家分享一下如何使用手机进行这项操作。

工具

手机

风云PDF转换器

PDF文件

步骤

第一步

打开软件，因为要进行PDF转换为HTML的操作，所以选择PDF转HTML功能。

第二步

将需要转换的PDF文件从软件中打开，这时软件就会自动进行转换。

第三步

等待转换完毕后，点击预览，对转换之后的HTML进行查看，查看完毕后，点击编辑，便可以修改文件的名称，点击分享即可将转换之后的HTML发送出去。

以上就是在手机上如何将PDF文件转换为HTML的方法，希望可以帮助到大家。关注小编，小编和你一起领会更多干货！

前2篇文章讲了《为什么375×667是移动端原型设计的最佳分辨率如何设置手机APP原型尺寸

所谓的APP原型适配手机，是指用手机浏打开原型页面的时候，横竖都刚好撑满屏幕。当然如果页面比较长，高度超过一屏是没问题的。

如果你的原型是你手机屏幕的逻辑分辨率

比如你的原型是375×667，手机是iPhone6/6s/7，那在手机上查看的时候无需缩放，默认撑满屏幕。

如果你的原型是360×640，而手机是Android的小米4、小米note、华为p7、p8荣耀6、7这些主流机型，也是一样的。

如果你的原型不是你手机屏幕的逻辑分辨率

比如你的原型是375×667,而你的手机是华为p8，1080×1920。理论上来说无法完美适配APP中所有的页面。但是除了有下导航的页面一般都没问题。

设置生成原型的手机参数

你需要在Axure生成HTML的时候设置一下手机上如何展示原型。

请勾选包含视口标签。浏览器显示网页，默认是按照网页自身分辨率来展示的。勾选了此项之后，里面的区域按照下方规则来处理展示。

宽，使用默认的device-width即可。

高，一般不需要填，因为是根据宽度来决定的。

最小缩放倍数和最大缩放倍数，一般不需要填。

允许用户缩放，一般填写no。

初始缩放倍数怎么填

具体规则是原型页面的横向分辨率x初始缩放倍数xDPR参数=手机屏幕的横向分辨率。得出这个值填到上图中的对应位置。

而这里的DPR参数(devicePixelRatio)，代表的是设备像素和CSS像素的比例，下方的chrome网页调试中也揭示了这一点。

所以上面的华为p8应该设置为0.96，你可以根据机型去百度搜索对应的DPR参数是多少。

查看原型

在电脑上看

通过chrome-视图-开发者-开发者工具，切换到你想看的手机尺寸。同时也可以用这个工具去了解在其他机型上面的效果，以方面了解是不是需要单独适配。

当然safari的菜单栏-开发-响应者模式也可以。

在手机上看

请用手机浏览器打开该网页，请用手机浏览器打开该网页，最好生成到桌面查看效果。比如我设计的原型。

建议竖向减掉20px，因为Axure默认不显示顶部状态栏。

总结

建议你们下次设计APP原型的时候按照通用分辨率375×667来设置，次选方法是按照自己手机的逻辑分辨率来定尺寸。。

如果想明白为什么要这样设置，可以去搜索viewport和逻辑分辨率等概念。当然就使用而言，PM无需了解这些知识。

至于如何把原型放到手机上面查看，我们下次再讲。

lex 发自 凹非寺
量子位 | 公众号 QbitAI

HTML不是编程语言，但这并不妨碍前端工程师把它玩出花儿来。

比如，有人就拿HTML来访问用户的相机——

在网页上，点击按钮即可直接打开手机前置镜头来拍照。

（没错，就是前置镜头！小哥可能有镜子之类的）

也可以调用手机的后置镜头，开启摄像模式。

值得注意的是，在这里，小哥只用了HTML语言就实现了上述功能。

他利用HTML的capture属性，只需设置几个input参数，再加上几行代码搞定了。

比起别的实现方式，这样可以更便捷地获取用户相机权限；而且没什么安全问题。

不出所料，一大波程序员纷纷前来围观。有人表示：

用HTML capture属性直接访问相机，确实比用JavaScript更方便。

这位小哥的网名叫Austin Gil，他是一位从事网页开发的工程师。

下面就跟随小哥分享的内容，一起来看看具体实现步骤吧。

如何用HTML打开相机？

首先当然是写代环节。

小哥创建了一个index.html文档，配合HTML的accpet属性，来指定不同标签所要capture的文件的具体属性。

在这里，他设置了“environment”和“user”两个标签。

当用户点击environment时，可以调用设备的后置镜头，并拥有录像功能；而当用户点击user时，就能打开设备前置镜头来拍照了。

具体代码如下：

到这里，眼尖的人可能已经发现：没有提示用户是否打开访问相机的权限，网页就直接调用了相机。

那这样操作，有没有安全风险啊？

对此，小哥给出答案：无额外风险。

因为浏览器其实并不能真正控制用户相机（虽然看起来好像可以直接访问），而不过是能轻松上传相机生成的新文件罢了。

说人话——对用户而言，浏览器通过HTML只能打开摄像头；如果需要把照片或者视屏展示到网站，或者保存下来，仍然需要用到JavaScript的MediaDevices API。

有网友补充道，这种操作方式比纯用JavaScript更安全。

因为运用JS的话，在用户允许访问相机后，浏览器就能直接控制摄像头。

而在Web 3.0标准之后（现在主要用的是Web 5标准），规定网页不能直接访问用户的镜头。

不过，小哥也指出：这种直接通过HTML指令打开用户用户摄像头的方式还存在目前不足，比如兼容性不太好。

△图源caniuse.com：红色框表示不支持；绿色框表示支持；棕色框表示部分支持；灰色框表示未知

量子位亲测了一下小哥的这段代码，结果显示：

点击environment和user按钮，在MacBook上分别可以打开视频格式和图片格式的文件；

而在iPhone上，使用百度等浏览器，真的可以直接打开前置和后置摄像头。

感兴趣的伙伴们可以用下面链接中的代码试试~

传送门：
https://austingil.com/html-capture-attribute/
参考链接
[1]https://www.youtube.com/watch?v=DSTXUEHZRiU&t=1s
[2]https://news.ycombinator.com/item?id=32738501

— 完 —

量子位 QbitAI · 头条号签约

关注我们，第一时间获知前沿科技动态