[量角器][滚动]我正在尝试使用while循环滚动我的网页。有没有人能帮我理解代码出了什么问题 - 腾讯云开发者社区

首先我们要从网页获取图片，打开网页控件是第一个用到的；其次我们要获取网页的高度并进行滚动、获取页面图片元素及src属性，我们可以通过执行 js 代码控件来帮我们完成；此外，涉及的一些流程控制我们必须依赖分支...尽管整个流程梳理起来非常简单，但实际开发的时候，由于对工具、编程语言基础等不熟练，我踩了一个又一个的坑，最终走出了结合 JS 代码以及 NodeJS 爬虫的思路来开发这个图片爬取的 RPA 程序。...全局变量定义由于本大狮功力不够，暂时没能实现打开网页之后动态获取跳转的链接，因此我直接使用的输入关键字搜索之后的 url 作为全局变量 url 的值，拼接 keyword 来实现结果页面图片的获取。...循环操作此处模拟了 JS 的定时器方法，使用While来进行滚动操作的循环。...遍历图片链接并下载 “没有什么问题是一个 for 循环不能解决的，如果有，那就两个”,此处能够直接进行循环是因为之前 JS 代码返回的值已经是 list 了，因此将 url 遍历出来调用下载文件控件就能直接下载

1.9K2 0

更新|PC截图工具的最佳选择。

说到截图，最常用的可能就是QQ自带的截图功能了，简单流畅能满足我们的日常需求，依附于QQ，没有特殊的需求甚至不需要其他的截图软件。...如果你使用过以上的两种截图方式，发现有些功能并不需要，而有些功能不能满足，比如你想截图的时候想截什么形状就截什么形状，比如滚动截图，比如想在截图以后立刻进行编辑，如果你对截图的其他功能有一丁点兴趣，请一定要看看下面的内容...滚动截图：在浏览长网页的时候，在一个文件夹有很多内容的时候，需要滚动截图。 ? 矩形截图：截取一个矩形的截图，位置大小自由。固定区域：自定义一个长和宽，只能截取对应大小的图片。...实用工具取色器、调色板、放大镜、标尺、坐标轴、量角器、白板演示等功能，大家可以自行使用。 ? ? 设置及小技巧设置里面可以选择截图以后是保存到文件夹还是复制到剪切板，打开编辑器还是发送到打印机。...PS：软件的设计满满的微软风，我觉得挺好看的。 —— End ——

1.3K0 0

您找到你想要的搜索结果了吗？

是的

没有找到

JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

以上的4个属性是成对出现的，因此下面介绍中也成对的介绍，在实例中为了减少代码量，我直接用的id，实际开发中不推荐。...2.2 实例在页面中，溢出说得更加通俗一些就是有没有滚动条出现，出现了，说明子元素有一部分被父元素遮挡了，就溢出了，下面给出两个实例，一个没有溢出（没有滚动条），一个溢出了，分别观察他们的scrollWidth...当我们拉动水平滚动条时，元素与视图就不再是左上角顶点重合了，水平之间是存在距离的（按左上角顶点重合计算),可以看到现在的scrollLef有了数值，因为没有移动垂直滚动条，因此垂直方向仍然是没有距离的。...，如果正常计算的话最大距离应该为： 300-200= 100 以及 320-180 = 140，但结果都增加了16左右，那么因为浏览器计算了滚动条的宽高，具体的代码我会在下面贴出，实际的代码会让你更加清楚的理解这一过程...console.log(parent_div.scrollLeft) console.log(parent_div.scrollTop) } 希望能够帮助到大家，有什么问题可以

2.4K4 0

爬虫方案 | 爬取大众点评网评论的几个思路（从小程序端）

获取大众点评网的店铺评论，我们一般有以下几个途径：1、PC端网页端；2、小程序端；3、APP端；PC端由于有字体加密，采集时需要对加密的字体进行解密，具体思路可以参考：爬虫方案 | 爬取大众点评网评论的几个思路...（从PC端） – 富泰科 (futaike.net)本篇我们尝试从小程序端来获取：工具：1、fiddler软件：抓包使用；2、python首先我们从电脑微信打开小程序，开启fiddler，定位到评论页面...下面我们就请出python库当中的另一个模块，pyautogui，让它帮我们去滚动小程序页面，翻页加载。我们的思路是运行以后让鼠标自动跑到小程序界面，然后再滚动向下，进行翻页，一直翻到没有数据为止。...还可以加一个break条件来终止这个循环，比如滚动到最后有一个，没有更多数据的提示，那我们就可以使用这个来作为循环停止的条件。...，返回的是元组 pyautogui.PAUSE = 5 # 暂停5秒我们定义一个滚动函数：# 循环滚动page = 0while True: for i in range(4): # 循环滚动

4.4K6 2

十行python代码定时给微信好友发送晚安，自动应答--python云舔狗

每当我看到这一幅幅漫画就想起了我那逝去的青春，作为一只快乐的小狗在夕阳下奔跑，追逐那位(些)不曾回头的她(们)，如果早早学会python，成为一只“云舔狗”，也许她(们)就能回头上下滚动查看更多 ?...们)发送微信，当然她(们)人数比较多的话，建一个列表也可以写个for循环也没什么问题。...测试图测试结果还是可以的，再加上时间判断和while循环，十行代码实现一年365天发送早安和晚安。...(名人名言)，我去某乎搜罗了一些，大家如果有时间去名人名言网站，鬼故事网站每日定时爬取，然后伴着早安和晚安发送过去，给她(们)带去一次次惊喜有木有，事半功倍有木有，好感度蹭蹭往上涨 while True...上下滚动查看更多每日情话 3.2 发送传说中的舔狗语句当然了我也搜一集了一些"舔狗"语录，句句扎心，想用代码发送这些语录同上，各位读者大老爷们看看就好啦 ?

4.4K2 0

不会玩阴阳师的我带你一键下载《阴阳师：百闻牌》所有卡牌并调用百度OCR识别文字信息

下载图片并回调实现文字识别（4）主函数三、项目分析 1.程序测试 2.改进分析 3.补充说明一、项目概述 1.项目背景一天，一个朋友给我发来一条链接https://ssr.163.com/cardmaker/#/，让我帮他看看怎么能获取到网页中所有的图片链接...怪不得我没听过，因为我不玩游戏，一个准程序猿不玩游戏一定有很多人不相信，但是确实如此，我从未玩过游戏。但是这并不影响我来分析网页得到图片，网页如下： ?...但是你右键查看网页源代码会发现源代码中无任何图片链接的信息，除了一堆HTML整体布局代码和极端JS，什么都没有，显然，图片是动态加载生成的，用常规的requests库是请求不到链接的，这个时候最简单也最直接的办法就是使用...，我可以使用请求到的链接来下载图片，再将其中的文字识别出来。...这类网页要实现爬取所有数据或者尽可能多的数据需要模拟点击按钮以实现动态加载，所以需要使用selenium，示例如下： while True: try: driver.find_element_by_xpath

1.3K2 0

前端性能优化之防抖与节流，大幅度降低你的事件处理性能

以上文字就是对防抖这个概念的一个形象的解释，希望大家反复阅读，理解了定义以后才方便理解下面的实现防抖的代码。...) }, 500) } } 我们来解读一下这段代码：我们在全局定义了一个用于存放定时器的变量timer，当我们在网页第一次滚动页面时...就这样在后面会触发无数次的滚动事件，代码的运行会一直按照步骤2里的逻辑进行，这样循环往复…… 直到我们停止滚动以后，不再触发滚动事件了，最后一次滚动事件中给 timer赋值的 setTimeout...也请大家仔细体会节流的含义，方便理解下面的代码（2）使用节流的方法，有两种，一种是利用时间戳，另一种是利用定时器利用时间戳来完成节流代码如下： // 同样的这里也是只需要修改js代码 <script...我们能很清楚的看到，利用定时器节流的效果跟利用时间戳节流的效果差不多，如果非要说差别的话，就是利用时间戳节流，第一次滚动会立马获取一次数据，而利用定时器节流，第一次获取数据会延迟一定时间。

1.5K2 0

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

如果你构建一个很有特色和创意的网页，那么肯定希望定义网页中的滚动条样式，这方面的 jQuery 插件比较不错的，有两个：jScrollPane 和 mCustomScrollbar。...*注：加载顺序也要按照上面代码的顺序，如果不注意加载的顺序，可能会导致失败，原因请看本人的：网页中代码的顺序是不可忽略的细节。...否则可能会无效，关于网页中代码顺序，详情可以看一下潜行者m 的这篇文章：网页中代码的顺序是不可忽略的细节。...但是没有人愿意使用如此强大的插件来实现这个默认的效果，下面来说一下进阶的使用。...，官方给出了一张非常形象的图片根据这张图片，就可以很容易的定义滚动条的样式了。

13.9K3 0

一个女人的机器人日记

Double 公司说他们从 2012 年开始发行网真机器人以来已经卖出了将近 5000 台。这些机器人大多数流向大型企业，如 IBM 和麦当劳，但目前还没听说过教育行业和医院使用它们。...我和 Davey 联系，Davey 坐在 EmBot 旁边，正在帮我检查她的“生命特征”。她把 EmBot 推回去充电底座，我觉得她现在应该在充电了，但是我没办法表达。...我在这边把她关闭了，但是 Davey 告诉我正在尝试着抓住她，屏幕上一片空白，就像一只鸡的身体，在被厨师砍断头后血淋淋地在园地里到处盘旋。我恳求 Davey 在她身上找到可以关掉她的按钮。...旧金山的一位同事在登录她，这让我感到很紧张，但是我感到更不安的是我并不在意其他人正在进入她的体内。我和 Double Robotics 打电话，想听听公司发现了什么问题。...它滚动的方式不一样，扩音器更小声，也不能连接上 Wi-Fi，在地毯边缘摇晃的方式也不同。这个不是“我”，这就只是机器人。一台我无法给予信任的机器人。当然我现在还在使用它。

7745 0

【爬虫实践】爬取官方新闻标题、正文、时间

爬虫用的频率较少，每次使用都会手生，特此记录一次实战经历。项目需求要求爬取济南市政务网中“滚动预警”菜单中的文章，包括文章标题，文章正文，文章时间，并保存为txt文件。...在网页中右键->选择查看源代码，即网页的静态代码。在网页中右键->检查，可查看浏览器当前渲染的内容。若两者一致，则网页是静态加载。...此时，通常使用requests.get的方式即可获取到网页数据。若两者不一致，网页是动态加载。此时需通过开发者后台查看本地向服务器发送的交互性数据（XHR）。...，以显示程序正在允许中 # print(len(Linklist)) # print(Linklist) # 假如爬完所有内容,跳出循环...解决方式：每次gethtml添加time.sleep(1)，让每次爬取间隔1秒时间，若仍报错，尝试使用代理ip。

9831 1

经验 | Web开发野蛮生长的这17年

在我看来，世间万物都是循环的，它们会反复出现，因此我们能够以史为镜，避免重蹈覆辙。这张照片拍摄于 1997 年，是我第一张使用网络摄像头拍摄的照片，照片上右边的那个家伙就是我。...最开始我在 Lynda 和 Coursera 工作，这让我真正的理解了 JavaScript，理解了我使用 underscorejs 的原因，理解了怎样才能让需要的东西更好的融合起来。...上周我需要转换一些 UTF-8 HTML 字符实体--来给大家看一下我搜索出来的结果：针对于同一个问题，有许多模块给出了解决方案，所以选择正确的解决方案真的有点困难。...没有人站出来说这段代码有问题。所以不管你是从 Stackoverflow 还是其他的什么地方复制粘贴代码都要三思而后行。...毕竟是别人的代码，所以你应该理解整个代码，并逐行确认代码确实如你所想的那样运行。 Daniel Khan 的终极 web 开发建议恩，最后我再说几句。对于我来说，有几条原则至关重要。

1901 0

使用相交观察器和SQIP进行渐进式图像加载

我最近开始尝试使用SQIP，开始创建低质量版本的图像可能非常有趣前段时间,我使用Intersection Observer写了一个图像延迟加载技术。...如果你的网页包含多个图像,但你只能在滚动查看图像时加载每个图像，则最终会节省带宽，并确保网页加载速度更快这让我思考;我想知道是否可以将交叉观察者和使用Tobias的SQIP工具创建的低质量占位符图像结合起来...一旦我开始进一步尝试，它比我想象的更容易。...起初我发现这个装置有点棘手，但遇到了这篇精彩的文章，指出了我的正确方向。一旦安装Go，您需要安装一个名为Primitive的工具。...utm_source=mobiledevweekly&utm_medium=email 作者：川川，一个靠前排的90后帅小伙,争做一个具有情怀的代码男,愿做你耳朵旁边的暖男,眼睛笔尖下的朋友,我有故事,

1.8K2 0

模态框的最佳实践

它一定要是可行动的，可以理解的。不要试图让按钮的内容让用户迷惑，如果你尝试做一个取消动作，但框内有一个取消的按钮，那么我是要取消一个取消呢，还是继续我的取消。大小与位置。...在网页里，使用 Command(Ctrl) and +/- 和使用触摸板的缩放事件是两个不同的表现？如果你的终端用户没有好用的触摸板，但是他的确看不清你的网页上的内容。...模态框代码实现层面前端开发还是少不了代码层面的实现，业务代码对于有状态或无状态模态框的使用方式存在普遍问题。...对有状态模态框来说，很多库会支持 .show 直接调用的方式，那么模态框内部渲染逻辑，会在此方法执行时执行，没有什么问题。...但我们还是看到一些同学提出了相反的意见，我总结下就是不同的产品或不同的用户带给我们不同的认识。这时候是不是要死守着『最佳实践』呢？

1.4K4 0

基于Apify+node+reactvue搭建一个有点意思的爬虫平台

前言熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。但我一直奉行一个原则，就是：要做有生命力的内容。...本文介绍的内容来自于笔者之前负责研发的爬虫管理平台, 专门抽象出了一个相对独立的功能模块为大家讲解如何使用nodejs开发专属于自己的爬虫平台.文章涵盖的知识点比较多,包含nodejs, 爬虫框架, 父子进程及其通信...正文在开始文章之前,我们有必要了解爬虫的一些应用....我们还可以使用它提供的cli工具实现更加便捷的爬虫服务管理等功能,感兴趣的朋友可以尝试一下. apify提供了很多有用的api供开发者使用, 如果想实现更加复杂的能力,可以研究一下,下图是官网api截图...// 最大滚动高度, 防止无限加载的页面导致长效耗时任务 let max_height = 30000; let m = {prevScroll: -1, curScroll: 0} while (

2.2K2 0

微信小程序实践：2.3 可滚动的容器组件之 scroll-view

这时候因为上面的图片会使下方的图片自动往下跑。这个体验肯定很不好。为了解决这个1%的问题。谷歌提出了「滚动锚定」策略，即通过一个css样式，控制滚动实体在内容变化时不发生滚动。...如果出现不滚动的现象，可以尝试给外框容器添加样式：white-space:nowrap;display:inline-block，并且保证内容的实际宽度大于屏幕宽度。...除了使用scroll-view的下拉刷新，有一种替代方案，是直接使用Page的下拉刷新。如何使用呢？...右侧列表滚动时，通过绑定scroll事件，拿到scrollTop，循环对比在哪个区域，就把哪个区域对应的菜单高亮。 6、如何在小程序中使用 WeUI 组件库？...好了，我是石桥码农，今天分享就到这里，今天主要讲了scroll-view这个组件，希望对你的学习有帮助。有什么问题欢迎留言，也欢迎进群讨论。 2020年4月10日参考文献 WEIXIN."

14.3K3 0

精读《模态框的最佳实践》

5351 0

Iphone的秘密起源故事

没有人能准确地告诉你他们去哪里。 “我一直在听到隆隆声，好吧，目前还不清楚正在建造什么，但是很明显，很多最好的球队中最好的工程师已经被淘汰到了这个神秘的队伍，”当时的Evan Doll说道。...在iPod之前，没有人能弄清楚如何使用数字音乐播放器; 随着Napster的蓬勃发展，人们纷纷向随身携带的烧录专辑的快乐便携式CD播放器转载。...他要求UI wiz进行一个使用多触点滚动虚拟通讯录的演示。“我很激动，”Ording说。“我想，是的，这似乎是不可能的，但是尝试一下它会很有趣。”...“当我看到橡皮筋，惯性滚动，还有其他一些事情，我想，”我的上帝，我们可以打这个电话。“ ” “我们已经有了一些其他的演示，一个网页，例如 - 这只是一个图片，你可以卷动动量，”奥丁说。...“ 设计团队大力地尝试了一个解决方案。 “我想出了一些预测性打字的想法，”Bas Ording说。在屏幕底部会有一个字母表，用户将使用滚轮来选择字母。

1.7K3 0

利用Selenium模拟页面滚动，结合PicCrawler抓取网页上的图片SeleniumPicCrawler具体实现总结

在做图片爬虫时，经常会遇到一些网站需要鼠标不断滚动网页才会继续响应，这对传统的HttpClient是一件很困难的事情，至少我不知道如何处理。幸好，我找到了Selenium。...3.多次滚动某个网页，下载网页上的图片 /** * * @param url * @param scrollDownNum 模拟鼠标滚动到屏幕底部到次数...(),第一次先通过WebDriver请求网页，然后不断地模拟浏览器行为向下滚动不断地请求网页，并解析网页下载图片。...，那我就可以放心去抓其他网站上的图片了：）总结具体的代码可以查看这个文件。...我也是第一次尝试使用selenium，未来希望能够结合它能够做出更好玩的东西。最后，附上github地址： https://github.com/fengzhizi715/PicCrawler

1.9K1 0

touch-action导致安卓页面无法滚动

之所以写，是因为单独去学知识点或者单独看一篇文章其实很简单的，难的是在自己实践中，因为一个问题找一个方案，然后又引起另外一个问题，而这个不断发现问题的过程非常低效，需要各种尝试和理解。...我用这个属性是因为自己在使用antd-mobile的走马灯时候，在控制台代码警告，内容是这样的： [Intervention] Unable to preventDefault inside passive...能搜到的方案是两种，一种是通过css方式，一种是通过js的方式。...什么问题呢？就是ios基本都可以的，但是安卓中的页面滚动都没了。这是为什么呢？这个就要看下touch-action的更官方的触摸说明了。默认情况下，平移（滚动）和捏手势由浏览器独占处理。...– 在写全局样式的要注意影响范围 – 在每次提交代码的时候尽可能针对不确定的部分增加备注，风险埋点，因为这次刚好是因为用户有反馈这个问题，我想到了是加了这行代码的原因，但如果是其他时候或者过了很久，其实很难定位到是因为这行代码的原因

4.1K0 0

简易数据分析 10 | Web Scraper 翻页——抓取「滚动加载」类型网页

我们今天就是要讲讲，如何利用 Web Scraper 抓取滚动到底翻页的网页。...down，就是滚动到网页底部加载数据的意思。...我们可以回想一下，网页上的的确确存在数据，我们在整个的操作过程中，唯一的变数就是选择元素这个操作上。所以，肯定是我们选择元素时出错了，导致内容匹配上出了问题，无法正常抓取数据。...； a 标签里有一行字，就是我们要抓取的标题：如何快速成为数据分析师？上句话从可视化的角度分析，其实就是一个嵌套的结构，我把关键内容抽离出来，内容结构是不是清晰了很多？...如果你爬取的网站多了，就会发现大部分的网页结构都是比较「随心所欲」的。所以在正式抓取数据前，经常要先做小规模的尝试，比如说先抓取 20 条，看看数据有没有问题。

2.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

RPA 实战：让小姐姐填满你的硬盘(上)

更新|PC截图工具的最佳选择。

JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

爬虫方案 | 爬取大众点评网评论的几个思路（从小程序端）

十行python代码定时给微信好友发送晚安，自动应答--python云舔狗

不会玩阴阳师的我带你一键下载《阴阳师：百闻牌》所有卡牌并调用百度OCR识别文字信息

前端性能优化之防抖与节流，大幅度降低你的事件处理性能

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

一个女人的机器人日记

【爬虫实践】爬取官方新闻标题、正文、时间

经验 | Web开发野蛮生长的这17年

使用相交观察器和SQIP进行渐进式图像加载

模态框的最佳实践

基于Apify+node+reactvue搭建一个有点意思的爬虫平台

微信小程序实践：2.3 可滚动的容器组件之 scroll-view

精读《模态框的最佳实践》

Iphone的秘密起源故事

利用Selenium模拟页面滚动，结合PicCrawler抓取网页上的图片SeleniumPicCrawler具体实现总结

touch-action导致安卓页面无法滚动

简易数据分析 10 | Web Scraper 翻页——抓取「滚动加载」类型网页

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐