截长图方法

article/2025/11/5 22:49:17

有的时候,我们可能需要截一个网站或者一些内容的图片,但屏幕不够大,出现滚动条,这时候我们就可以使用截长图的方法来达到截取整个网页的内容。

截长图方法有很多,以下介绍两种我所知道的截长图方法。

第一种方法:使用Google Chrome浏览器截取

在想要截长图的网页打开开发者模式(F12),使用快捷键ctrl+shift+P打开搜索,输入scr,选中Capture node screenshot,就可以将当前页面的内容以图片形式下载下来

 第二种方法:使用Microsoft Edge(版本号:89.0.774.57)浏览器截取,版本号不同,有可能截取方法不一样,但都是有提供这个功能的

 在想要截长图的网页上点击右上角的···,弹出菜单选择“网页捕获”或者按快捷键ctrl+shift+S

最后选择整页就可以截该页面上的所有内容啦!


http://chatgpt.dhexx.cn/article/MGQktROk.shtml

相关文章

html5中框架怎么写,HTML5常用框架

HTML5常用框架 前言 随着HTML5规范的不断完善,围绕着这一生态有很多实用的框架,极大的提高了我们的开发效率,常见的框架代表有:UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等,JS层面的有JQuery、Zeptojs、Angularjs、…

HTML框架构建

HTML框架构建 1、划分框架 A、使用标签决定如何划分框架.必须要有标签设定每个小窗口的网页,该标签中有src属性为每个URL值指定一个HTML文件(这个文件必须事先做好) B、标签常用的属性 属性描述cols用“像素数”或“%”分个左右窗口&#xf…

7个HTML5移动开发框架,初学HTML5必看

1、IONIC IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将…

HTML5学习之常见的HTML5框架有哪些

HTML5简单易学门槛低,是Web时代前端开发最好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业,资料显示,初级HTML5开发人员的平均薪资在8K-10K左右,拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的前景当然吸引了无数…

html框架frame

示例1&#xff1a; a.html <html> <frameset cols "50%,*"> <frame name "frame1" src "b.html" noresize> <frame name "frame2" src "c.html"> </frameset> </html> 注意&am…

HTML的框架

页面一般由三部分组成&#xff0c;分别是HTML&#xff08;超文本标记语言&#xff09;&#xff0c;CSS&#xff08;层叠样式表&#xff09;和JScript&#xff08;活动脚本语言&#xff09;。 HTML是整个页面的结构&#xff0c;相当于整个页面的框架。带"<","…

html5常用的框架,推荐几款常用的HTML5框架

8种机械键盘轴体对比 本人程序员&#xff0c;要买一个写代码的键盘&#xff0c;请问红轴和茶轴怎么选&#xff1f; 1.1 前言 在Android开发中&#xff0c;经常会结合WebView&#xff0c;来嵌入响应式web页面&#xff0c;也有许多场景更适合做Web App&#xff0c;这时候&#xf…

HTML5主流框架介绍及对比

bootstrap 1、简介&#xff1a; Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的。 2、基本结构&#xff1a; Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。 …

HTML5基本框架

HTML5基础 主体 一个简单的网页 一般是由是由< head >标签&#xff0c;和< body >标签两个标签组成。 < head>标签&#xff1a; < head >&#xff08;< head >< /head >) 标签负责定义文档头部&#xff0c;定义&#xff0c;描述了文档…

8款实用HTML5开发框架

移动开发技术的发展催生越来越多开发平台和框架。开发者通过使用开发平台和框架能够极大地缩短开发周期和提高应用质量。但是&#xff0c;对于一种应用开发技术而言&#xff0c;应用框架的质量、丰富程度等情况在一定程度上决定了应用的总体质量。所以选择一款质量上乘的开发框…

五款轻量级的web前端框架和H5前端框架

目前主流的web前端框架有&#xff1a;Bootstrap、妹子UI、MUI移动前端框架等之外&#xff0c;国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。 第一款前端框架&#xff1a;FrozenUI – 专注于移动web的UI框架 专注于移动web的UI框架&#xff0c;基于腾讯…

html框架

(1) frameset 框架集标签&#xff08;帧窗口&#xff09; 最大的特点&#xff1a; 不能和 body标签共存。 特点&#xff1a;分屏&#xff08;把浏览器进行分割&#xff0c;分割&#xff1a;水平分割和垂直分割&#xff09;帧技术可以使得用户在同一个浏览器中&#xff0c;浏览…

HTML5基础

一.html5的基本框架&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content&…

所见即所得:8款实用HTML5开发框架

转 http://www.csdn.net/article/2013-10-21/2817243-8-useful-html5-frameworks 摘要&#xff1a;HTML5&#xff0c;由于其突出的页面表现能力和本地数据库等功能&#xff0c;被大多浏览器所青睐。此外&#xff0c;通过HTML5开发的移动应用可以在网页上直接地修改&#xff0c…

Oracle REGEXP_SUBSTR函数介绍

一、参数说明 函数&#xff1a;REGEXP_SUBSTR(String, pattern, position, occurrence, modifier) string:需要处理的字符串 pattern&#xff1a;正则表达式 position&#xff1a;起始位置&#xff0c;从字符串的第几个字符开始正则表达式匹配&#xff08;默认为1&#xff09;…

php substr的用法,PHP中substr函数如何使用?

PHP中substr函数的作用是返回字符串的一部分&#xff0c;其语法为“substr(string,start,length)”&#xff0c;其参数string表示返回其中一部分的字符串&#xff0c;参数start表示在字符串的何处开始&#xff0c;参数length表示截取长度。 使用示例<?php echo substr(&qu…

MySQL substr函数使用详解

「作者主页」&#xff1a;士别三日wyx 「作者简介」&#xff1a;CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「专栏简介」&#xff1a;此文章已录入专栏《MySQL数据库快速入门》 substr函数 一、作用二、语法三、使用1. 截取字符串2. 截取查询结果3. …

Oracle中的substr()函数 详解及应用

1、substr函数格式 (俗称&#xff1a;字符截取函数) 格式1&#xff1a; substr(string string, int a, int b); 格式2&#xff1a;substr(string string, int a) ; 解释&#xff1a; 格式1&#xff1a; 1、string 需要截取的字符串 2、a 截取字符串的开始位…

GDAL源码剖析(二)之编译说明

一、简单的编译 1、使用VisualStudio IDE编译 首先进入GDAL的源代码目录&#xff0c;可以看到有几个sln为后缀的文件名&#xff0c;比如makegdal10.sln&#xff0c;makegdal80.sln&#xff0c;makegdal71.sln&#xff0c;makegdal90.sln 。这些文件是VisualStudio的工程文件&…

python gdal安装与简单使用

gdal安装 方式一&#xff1a;在网址 https://www.lfd.uci.edu/~gohlke/pythonlibs/#gdal 下载对应python版本的whl文件&#xff0c;在命令行中pip install whl文件完整路径安装&#xff08;windows方式&#xff09;。 方式二&#xff1a; 命令行conda/pip search gdal查看版本…