<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    利用Chrome開發者工具功能進行網頁整頁截圖的方法

    發布時間: 編輯:CINDY 0人評論 66683次瀏覽 實用方法教程
    摘要 : 分享一個可以不需要任何軟件或者插件就可以直接整屏截取網頁的方法。

    說起要截取整個網站頁面,很多朋友第一時間想到的都是用哪款chrome插件,確實,我們網站之前也有介紹過一些截圖插件比如:

    1.Awesome Screenshot

    2.Webpage Screenshot

    3.Smartshot:支持滾屏的谷歌瀏覽器截圖插件

    4.Joxi Full Page Screen Capture:全屏截圖插件

    但其實現在不少瀏覽器都自帶截屏功能了。尤其是像chrome如此強大的瀏覽器,比較可惜的是 Chrome 目前并沒有很明顯地將這個功能展示出來,所以今天就讓我們給大家分享一個可以不需要任何軟件或者插件就可以直接整屏截取網頁的方法吧!

    第一步:打開chrome開發者工具。

    打開你想截圖的網頁,然后按下 F12(macOS 是 option + command + i)調出開發者工具,接著按「Ctrl + Shift + P」(macOS 是 command + Shift + P)。緊接著輸入指令 capture,它會提示有三個選項,如下圖所示:

    分別是截取全屏、node 模式以及當前范圍,用鼠標點擊或者用鍵盤選擇對應的就可以了。

    第二步:截取手機版的網頁

    如果你想擷取網頁在行動裝置例如手機的畫面截圖,可通過快速鍵 Ctrl + Shift + M(Mac 為 ?Command + ?Shift + M)來開啟模擬工具,切換 iPhone、iPad、Nexus、Galaxy 等裝置開啟網頁的顯示情形,再搭配前面介紹的截圖功能抓取網頁在手機顯示的畫面截圖。

    是不是特別的簡單呢?相比起用擴展來截圖,這個方式當然會復雜而且簡陋點,但當你緊急需要時而且不方便下載擴展的時候,也是個不錯的選擇。當然你也可以選擇網頁截圖插件

    查看更多

    轉載必須注明來自: Chrome插件 ? 利用Chrome開發者工具功能進行網頁整頁截圖的方法

    Chrome網頁截圖:注釋&批注

    Chrome網頁截圖:注釋&批注

    0 人評論 89128 次人瀏覽 3.4分 3.4 分
    網頁截圖:注釋&批注是一款Chrome瀏覽器中非常優秀的截圖插件,使用它可以對Chrome瀏覽器中網頁進行全屏截圖和注釋。
    Zoho Notebook Web Clipper

    Zoho Notebook Web Clipper

    1 人評論 8890 次人瀏覽 4.0分 4.0 分
    Zoho Notebook Web Clipper是一款可以從網絡剪輯文字,圖片和整個文章并全部保存到你的筆記本上的chrome插件。
    捕捉網頁截圖 - FireShot V0.98.96

    捕捉網頁截圖 - FireShot V0.98.96

    0 人評論 31138 次人瀏覽 2.0分 2.0 分
    捕捉網頁截圖 - FireShot捕捉網頁截圖,編輯并將它們保存為PDF,JPEG,GIF,PNG或BMP;上傳,打印,在Photoshop中打開,復制到剪貼板或電子郵件。
    壹伴 · 小插件

    壹伴 · 小插件

    0 人評論 4274 次人瀏覽 3.0分 3.0 分
    壹伴·小插件是一款專業高效的公眾號效率編輯軟件,壹伴小插件官方版功能強勁,能夠幫助用戶更方便的完成排版,輕松找到各類素材,輕松運營多個公眾號。
    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?