页内容另存为Word文档，及手机游览器网页快速转PDF设置分享

平时工作中经常会遇到如何将网页中的内容打印出来，一般我们都是通过分几次截图后再进行合并打印，很不方便，下面分享一下我的设置方法，电脑端网页通过另存为Word文档再进行打印，如另存Word文档后格式实在调不好的情况下可以试下终极方法手机网页转PDF。我也是无意中发现手机网页游览器转PDF可以全屏更方便快捷。

1（电脑网页转word）

1.1 打开需要保存的网页，点击鼠标右键，出现网页另存为按键，那么我们点击另存为，保存为全部网页到本地文件夹

2.1打开word软件，找到之前保存的本地网页文件夹，选择网页及全部，此时在word软件里打开网页文件后，并正常显示网页各内容后，再按常规word打印即可。（如网页格式问题，可在视图中将WEB视图改为页面视图试下）

2（手机端+电脑端通用网页转PDF方法，实测完美将网页各内容打印为PDF）

2.1打开手机自带游览器并打开对应网页，其他游览器一般都可以，我用的是QQ游览器，这里举例QQ游览器吧。

2.2手机游览器打开网页后，点击游览器菜单键-更多工具-保存网页里选PDF，此时会提示PDF已保存点击查看PDF文档。

详情点击查看文章https://www.bfmh.com/1265.html

芬奇上期和大家分享了几个电脑端stp/step格式模型免费软件，随着手机应用越来越广泛，使用手机查看stp/step格式文件越来越多，达芬奇今天同大家分享一个手机端查看stp/step格式的软件，达芬奇也是找了好久，相继尝试了很多人说的CAD assistant,CAD 3D MODELING DESIGN,3D MODEL VIEWER,SIMLab CAD viewer等多个软件，均不好用，只有今天推荐的Glovius还较方便些，是一个收费软件，但是可以免费使用15天（手机免费免注册查看IGES,STP,STEP文件APP推荐，可见我下期介绍）。下面同达芬奇一起探索吧。

如下图，即Glovius的模型打开示意图。

Glovius 是适用于 Windows、iOS、Android 和 Web 浏览器等多个平台的 CAD 查看器。Glovius CAD 查看器支持 CATIA、NX、STEP、IGES、Pro/ENGINEER 和 Creo、SOLIDWORKS、Inventor 和 Solid Edge 文件。为 3D 和 2D CAD 数据使用、分析、工作流程自动化和报告生成提供了强大的工具。进行精确测量、切割动态截面、比较模型之间的差异、分析零件和装配 CAD 文件，并导出为 STEP、IGES、3D PDF、HTML、3MF 和 STL 格式。

下载地址：https://wwf.lanzouw.com/ijhIA0f4zmbi 密码:3qbf

步骤1， 下载后安装glovius, 打开软件，见下图：首先会出现一些不同文件类型文件示例，如下图所示，有sldprt,stp,sldasm,jt,iges等多种格式文件；

步骤二：若使用软件，需先进行注册，注册列表如下，点击“Register”进行注册，填写注册信息，填写完成后点击“register”,即可正式进入软件界面；

步骤三：选择相应的目标文件打开即可。

提示：手机文件比较多，不好查找，最好把要打开文件放在一个根目录文件夹中。

虽然今天推荐的Glovius是一个收费软件，但是可以免费使用15天，大家15天后可以继续换个邮箱继续注册使用，这次达芬奇搜了好久都没找到手机上可以方便查看stp/step格式文件的免费app，也希望有知道的同学在下方共享留言。

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 · 头条号签约

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