如何在網(wǎng)頁上查看完整的滾動(dòng)視圖,解決部分滾動(dòng)截圖問題

最近寫博客在Apple Developer想引用一些層級(jí)圖,發(fā)現(xiàn)普通截圖功能不能完整的截下整個(gè)視圖,后來試了snip,甚至于snagit等支持滾動(dòng)截圖的軟件,但這些軟件也僅支持webpage最外部的滾動(dòng)條自動(dòng)滾動(dòng)截屏。

后來還是看了看代碼解決問題,主要是對(duì)不懂html的人會(huì)有幫助。
打開Chrome瀏覽器,點(diǎn)擊右上角設(shè)置按鈕,打開開發(fā)者工具

打開開發(fā)者工具
找到你想要查看的view對(duì)應(yīng)的那行代碼

當(dāng)你在Elements選中選中任一行視圖元素的代碼時(shí),網(wǎng)頁上相應(yīng)的視圖元素會(huì)先是選中狀態(tài)(就是藍(lán)色的部分),這樣就可以自己在代碼中找到自己想要查看的視圖,比如想這個(gè)網(wǎng)頁上的滾動(dòng)視圖,在一堆子視圖中找到它的那行代碼

修改size

點(diǎn)擊max-height這個(gè)屬性,把它的值改成你想要的值,這里是118px,改成600px,


完整截圖

大功告成!有問題歡迎留言!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評(píng)論 25 709
  • 轉(zhuǎn)載自:https://github.com/Tim9Liu9/TimLiu-iOS 目錄 UI下拉刷新模糊效果A...
    袁俊亮技術(shù)博客閱讀 12,147評(píng)論 9 105
  • 由于一直在做電臺(tái)的緣故,所以偶爾會(huì)跟一些粉絲聊大天,雖然我的電臺(tái)主打吐槽,涉及情感問題的節(jié)目很少,最多就是壓低嗓門...
    啰嘹玩家閱讀 451評(píng)論 0 0
  • 模擬服務(wù)器推送消息 更多的AsyncContext細(xì)節(jié)
    pilipalaboompow閱讀 506評(píng)論 0 0
  • 22-40工作中的問題: 【問題】 1、在保險(xiǎn)公司全職上班也五個(gè)月了,除去領(lǐng)導(dǎo)給掛的兩個(gè)小單子和自己給自己買的單子...
    艾呼閱讀 2,213評(píng)論 0 2

友情鏈接更多精彩內(nèi)容