问题标签 [webpage-screenshot]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - 在特定时间间隔内截取特定页面的屏幕截图并存储在同一服务器上
我目前有一个 php 脚本,它显示实时信息,并在页面刷新时更新(每 30 分钟自动刷新一次)。是否有一个 php 脚本或服务器端可以截屏更新页面并将其存储在服务器上?
我在 Linux Centos 服务器上使用最新版本的 apache。
问候,
约翰
ios - 是否可以在 iOS 模拟器中截取整个网页的屏幕截图?
目前我正在制作“传统”屏幕截图,并使用图形编辑器将它们组合起来以立即显示完整的网页。有没有更有效的方法来制作整个网页的屏幕截图,就像使用Google Chrome的Awesome Screenshot一样?
(不,我没有 iPhone;)
jquery - 使用 casperjs 根据其文本单击 html 元素
我的页面上有这样的html元素,在表单登录后的安全页面上
我希望能够模拟这个元素的点击,然后加载一个新页面。加载新页面后,我想对其中的 div 元素进行快照。我已经完成了拍摄快照的一部分,但我无法找到一种基于其文本单击元素的方法。例如模拟上面的 H4 元素的点击,其中文本是“其他名称”
这是我目前所拥有的......
在页面标题之后,控制台只输出“Null”。我不确定这是否也是正确的方法。目标是根据我将以编程方式发送的选定文本模拟 H4 元素的单击,然后在单击操作加载名为 someelement 的 div 的第 2 页后在 page2 上拍摄快照。
更新
h4 元素在页面加载后由 jquery 动态添加到页面中。
谢谢
node.js - 快照 HTML 页面然后使用 node.js 和 phantom 转换为图像
我正在尝试使用取决于 phantomjs的node-weshot创建我的网站的图像快照。它在我的本地机器上按预期工作,但是当我将它部署在实时服务器上时。它只是不断触发回调,说图像已生成。但在下面,该过程仍在生成图像。(ie) 文件名已生成,但没有大小和内容。10 分钟后,该文件将填充图像数据。但是字体没有正确呈现。
这是屏幕截图:
这是我的网络截图代码:
所以从技术上讲,我在这里有两个问题:
- 即使图像生成尚未完成,Webshot 也会返回回调。
- 生成的图像无法正确呈现字体。(我在这里使用谷歌字体)。
有解决问题的方法吗?我可以看到这与您如何截取 angularjs 应用程序的屏幕截图有关?
或者 node-webshot 和 phantomjs 有什么好的替代品吗?
python - Selenium - 无头服务器拍摄的屏幕截图图像被破坏
我正在使用 selenium webdriver(Python 版本)在网页加载后拍摄网页图像。当我转到一个页面并在本地计算机上使用 python 脚本保存图像时,它看起来很好。但是,我在服务器上运行脚本并且屏幕截图被破坏 - 边缘可能会因缺少文本而被切断,右侧的横幅可能会以混乱的方式推到底部,等等。我什至尝试最大化窗户
在服务器上,我无法在有头版本中加载 firefox,并且必须在运行 selenium 之前/之后手动启动/停止脚本中的显示
所以我认为这可能与我的显示器设置有关。
有人对如何解决这个问题有任何想法吗?谢谢
javascript - 如何以编程方式在本地主机上创建网页的屏幕截图以生成工作流截屏视频?
为了记录我的网页设计过程,我想在每次重新加载页面或保存 html 文档或样式表时在我的本地主机上截取带有页面时间戳的屏幕截图。
我使用 grunt 作为任务运行器和无头浏览器 phantomjs 来捕获页面。使用 grunt-localscreenshots https://www.npmjs.org/package/grunt-localscreenshots很容易手动捕获页面。但它很麻烦,完成任务最多需要 10 秒。屏幕捕获过程应该在后台不断发生,但仅在页面更改或保存时发生。
所以我编写了这个 shellscript,它监视目录中的文件更改并触发 phantomjs 脚本。
这是 phantomjs 脚本
这有点工作,但非常不稳定,只有在 html 更改时才会触发。如果实际上没有任何变化,它也需要 2 或 3 个重复的屏幕截图,有时它根本不需要屏幕截图。可能的原因是页面的渲染时间太长了。任何关于稳定可用解决方案的想法?理想将是一项艰巨的任务
phantomjs - 带有来自文本文件的 URL 的 Pageres 的响应式网站屏幕截图
我正在尝试使用 pageres(https://github.com/sindresorhus/pageres)模块以不同的分辨率截取我的网站的屏幕截图。
当我在命令行中提供 URL 和大小时它工作正常,但当我将我的 url 在文本文件中时它不起作用。它只截取文件中最后一个 URL 的屏幕截图。我使用以下命令运行 pageres:
文本文件中的 URL 以换行符分隔,因此它们看起来像这样:
所以它基本上只截取了 apple.com 的截图,并为上面的每个截图抛出了下面的错误。
我得到的错误是:
它指向的文件是 webshot.phantom.js 第 13 行。
我是在错误地运行命令还是什么?我按照他们网站上提到的方式使用它。
谢谢您的帮助。
winapi - 如何使用 VC++ 2010 截取整个网页的屏幕截图?
有没有办法使用 VC++ Win32 应用程序截取整个网页的屏幕截图。
javascript - 从 DevTools 控制台使用 chrome.tabs.captureVisibleTab()
我很好奇是否可以使用 chrome.tabs.captureVisibleTab 直接从 Chrome 的 DevTools 截取屏幕截图(无论是从控制台还是从片段中),而无需通过创建扩展的过程。
这有可能吗?如果不是,您会如何建议拍摄一个可靠地模仿当前页面的屏幕截图(html2canvas 似乎无法正确呈现所有内容)。谢谢你的帮助。
cross-browser - 是否有任何 Windows Phone 网站模拟器/屏幕截图?
我正在使用 Browsershots、BrowserStack 和 Sauce Labs 在不同的浏览器中测试网站。但这些都没有提供 Windows Phone 模拟器。是否有任何在线(免费或付费)网站,提供用于测试网站的 Windows Phone 模拟器?
如果没有:除了 Visual Studio 本机模拟器,还有其他适用于 Windows 的 Windows Phone 模拟器吗?
我google了很多,但什么都没有。完全没有,只有 Microsoft 的 Visual Studio 的 Windows Phone SDK,其中包括模拟器。但它仅适用于 Windows 8,我的 PC 上有 WINdows 7。