頁內容另存為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 · 頭條號簽約

關注我們，第一時間獲知前沿科技動態