草庐IT

屏幕录制工具

全部标签

javascript - 开发工具控制台中的 javascript 可以下载/保存文件,还是这个沙盒?

我正在尝试编写一个类似书签的js片段,它可以从开发人员工具控制台运行,它将为页面中的图像提供src:varx=["PA633","PA10","PA11"];functionnextPage(i){$('#viewportdiv:first-child').animate({scrollTop:i},200);i+=1020;if(i此脚本的工作原理在于它为每个图像提供了正确的src链接。有没有办法让javascript自动下载/保存每个链接?可以单击每个链接(Chrome在新选项卡中打开这些链接),但这样做有点乏味。正确的方法是让javascript片段将图像保存到下载文件夹本身,但

javascript - Nightmare.js 屏幕截图缓冲区长度为 0

我正在运行一个nightmare.js脚本,我试图在其中截取页面上多个元素的屏幕截图。第一个元素被捕获得很好,但折叠下方的所有其他元素都被捕获为零长度。我正在努力调试这个问题。任何帮助将不胜感激。基本上,此脚本遍历页面并选择页面上所有与选择器匹配的元素。然后,它使用async收集响应并返回一个对象缓冲区。问题是折叠下方的元素不会被截屏(缓冲区长度最终为零)。我尝试wait()并滚动到该元素,但到目前为止我还没有成功。import*asNightmarefrom'nightmare'import*asvofrom'vo'import*asasyncfrom'async'import*as

javascript - 在 chrome 扩展中尝试 OAuth 时如何解决登录屏幕永无止境的循环?

尝试使用身份API为我的chrome扩展学习oauth。我已将代码上传到https://github.com/Sandeep3005/learn-oauth-extension问题:当后台文件运行时-它会打开一个带有Gmail登录页面的新选项卡。但即使我提供了正确的凭据,登录页面也会一次又一次地出现,我不得不强制退出Chrome。StackOverflowSolution提供的解决方案-提到当chrome中的应用程序ID与https://console.developers.google.com中的应用程序ID不同时会发生这种情况.但是我检查并重新检查了它。app-ID的两个值都是准确

javascript - DevTools 性能工具中的解析、编译和评估是什么?

在Chromes的性能选项卡中运行JS脚本时,我看到JS解释分为三个步骤:Parse、Compile和Evaluate。有时我只会看到Evaluate,有时会看到Compile和Evaluate,有时会看到全部三个。我的问题是:每个步骤的实际含义是什么?为什么有时会缺少步骤?(例如,有时Parse会丢失) 最佳答案 解析:js引擎检查代码,确定所有不同的范围、变量声明等,并对它们进行排序。在这一步也会发生提升。基本上你的纯文本源代码变成了AbstractSyntaxTree(AST)编译:ChromeV8使用JIT编译,这意味着部分

javascript - 当元素出现在屏幕上时如何启动动画?

HTML元素如何在出现在屏幕上时立即显示动画?我在堆栈溢出上找到了一个例子tourpage,当您向下滚动到足够远时,信息元素就会滑入页面。这背后的诀窍是什么? 最佳答案 您需要使用JavaScript来检测视口(viewport)的位置并在它可见时将其激活。您可以使用JavaScript来检测和执行过渡,然后使用CSS或JavaScript来制作动画。有许多基于jquery的脚本可用于完成此操作。这是一个例子:DEMO1.创建一个要检查它是否在视口(viewport)中的Html元素。2.在文档末尾加载jQueryjavascrip

javascript - 外部源映射工具

我在生产中有一个最小化的文件,有一个记录错误的错误处理程序,以及在我缩小文件时生成的源映射,但是我无法将错误映射到我的源文件,因为错误在日志中,不会发生在chrome或firefox中,在这些地方很容易使用缩小的文件和源映射。是否有应用程序或工具可以使用我生成的源映射将缩小文件中的错误报告转换为原始未缩小文件中的位置?所以要完全清楚我有dist.min.js它由几个js文件组成,然后用uglify.js缩小。我有dist.min.js.map这是uglify缩小文件时生成的映射文件。我需要做的就是接受错误错误:未捕获类型错误:无法调用未定义的方法“indexOf”,dist.min.j

javascript - Vuex Mutation 正在运行,但组件在 vue 开发工具中手动提交之前不会更新

我有一个vue组件,我无法从通过服务调用填充的计算属性进行更新。Feed.vueStatsfor{{feed.name}}loading{{feedID}}exportdefault{data:()=>{return{feedID:false}},computed:{feed(){returnthis.$store.state.feed.currentFeed},loading(){returnthis.$store.state.feed.status.loading;}},created:function(){this.feedID=this.$route.params.id;var

javascript - 是否有任何工具可以按 DOM 结构比较 HTML 文档?

我想比较两个HTML文档,并想知道它们是否相同。但仅按DOM结构进行比较,这意味着忽略标签中属性的顺序,例如,是一样的。 最佳答案 DOMLevel3Core提供方法isEqualNode()比较内容给出一个解析的DOM节点。Firefox、Chrome、Safari和IE9支持此功能,但Opera或更早版本的浏览器不支持。如果您需要其他浏览器的支持,则必须自己实现。这是JS中的部分实现:functionNode_isEqualNode(that,other){//Usenativesupportwhereavailable//if

javascript - qTip2 - 激活时刷新工具提示

我在这里使用qTip2,并且需要能够在工具提示仍处于事件状态时刷新它的内容。带有工具提示的元素有一个单击事件,该事件会执行一些计算,这些计算可以更改我希望在工具提示中显示的内容。我尝试在每次重新计算后调用“destroy”方法并重新绑定(bind)qtip2,但只有在将鼠标移开并将其放回后才能正常工作。我想要实现的是强制当前事件的工具提示重绘自身。 最佳答案 如果您查看documentation,有一个“设置”方法来改变内容:$('.selector').qtip('option','content.text','newconten

javascript - 自定义工具提示的基本思想,使用纯 Javascript

我需要使用纯Javascript创建自定义工具提示的基本想法代码;我想要什么:例如:LinkText和onmouseover我想用fixedposition显示自定义工具提示基于的元素position,从right:0开始或来自left:0的元素; 最佳答案 我对这个问题有个好主意。HTMLGoogleJavaScript(function(){vara=document.getElementsByTagName('*'),tip,text,base=document.createElement('tooltip');//Defin