48

我正在编写一个专门的爬虫和解析器供内部使用,并且我需要能够截取网页的屏幕截图以检查整个过程中使用了哪些颜色。该程序将接收大约十个网址并将它们保存为位图图像。

从那里我计划使用 LockBits 来创建图像中最常用的五种颜色的列表。据我所知,这是获取网页中使用的颜色的最简单方法,但如果有更简单的方法,请提出您的建议。

无论如何,在我看到价格标签之前,我打算使用ACA WebThumb ActiveX Control 。我对 C# 也很陌生,只使用了几个月。有没有办法解决我截取网页以提取配色方案的问题?

4

7 回答 7

31

一种快速而肮脏的方法是使用 WinForms WebBrowser控件并将其绘制到位图上。在独立的控制台应用程序中执行此操作有点棘手,因为您必须了解在使用基本异步编程模式时托管STAThread控件的含义。但这里是一个概念的工作证明,它将网页捕获到 800x600 BMP 文件:

namespace WebBrowserScreenshotSample
{
    using System;
    using System.Drawing;
    using System.Drawing.Imaging;
    using System.Threading;
    using System.Windows.Forms;

    class Program
    {
        [STAThread]
        static void Main()
        {
            int width = 800;
            int height = 600;

            using (WebBrowser browser = new WebBrowser())
            {
                browser.Width = width;
                browser.Height = height;
                browser.ScrollBarsEnabled = true;

                // This will be called when the page finishes loading
                browser.DocumentCompleted += Program.OnDocumentCompleted;

                browser.Navigate("https://stackoverflow.com/");

                // This prevents the application from exiting until
                // Application.Exit is called
                Application.Run();
            }
        }

        static void OnDocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            // Now that the page is loaded, save it to a bitmap
            WebBrowser browser = (WebBrowser)sender;

            using (Graphics graphics = browser.CreateGraphics())
            using (Bitmap bitmap = new Bitmap(browser.Width, browser.Height, graphics))
            {
                Rectangle bounds = new Rectangle(0, 0, bitmap.Width, bitmap.Height);
                browser.DrawToBitmap(bitmap, bounds);
                bitmap.Save("screenshot.bmp", ImageFormat.Bmp);
            }

            // Instruct the application to exit
            Application.Exit();
        }
    }
}

要编译它,创建一个新的控制台应用程序并确保为System.Drawing和添加程序集引用System.Windows.Forms

更新:我重写了代码以避免不得不使用 hacky 轮询 WaitOne/DoEvents 模式。此代码应该更接近于遵循最佳实践。

更新 2:您表示要在 Windows 窗体应用程序中使用它。在这种情况下,忘记动态创建WebBrowser控件。您想要的是WebBrowser在您的表单上创建一个隐藏的 (Visible=false) 实例,并以与我在上面显示的相同的方式使用它。这是另一个示例,它显示了带有文本框 ( webAddressTextBox)、按钮 ( generateScreenshotButton) 和隐藏浏览器 ( webBrowser) 的表单的用户代码部分。在我处理这个问题时,我发现了一个我以前没有处理过的特性—— DocumentCompleted 事件实际上可以根据页面的性质多次引发。这个示例应该可以正常工作,你可以扩展它来做任何你想做的事情:

namespace WebBrowserScreenshotFormsSample
{
    using System;
    using System.Drawing;
    using System.Drawing.Imaging;
    using System.IO;
    using System.Windows.Forms;

    public partial class MainForm : Form
    {
        public MainForm()
        {
            this.InitializeComponent();

            // Register for this event; we'll save the screenshot when it fires
            this.webBrowser.DocumentCompleted += 
                new WebBrowserDocumentCompletedEventHandler(this.OnDocumentCompleted);
        }

        private void OnClickGenerateScreenshot(object sender, EventArgs e)
        {
            // Disable button to prevent multiple concurrent operations
            this.generateScreenshotButton.Enabled = false;

            string webAddressString = this.webAddressTextBox.Text;

            Uri webAddress;
            if (Uri.TryCreate(webAddressString, UriKind.Absolute, out webAddress))
            {
                this.webBrowser.Navigate(webAddress);
            }
            else
            {
                MessageBox.Show(
                    "Please enter a valid URI.",
                    "WebBrowser Screenshot Forms Sample",
                    MessageBoxButtons.OK,
                    MessageBoxIcon.Exclamation);

                // Re-enable button on error before returning
                this.generateScreenshotButton.Enabled = true;
            }
        }

        private void OnDocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            // This event can be raised multiple times depending on how much of the
            // document has loaded, if there are multiple frames, etc.
            // We only want the final page result, so we do the following check:
            if (this.webBrowser.ReadyState == WebBrowserReadyState.Complete &&
                e.Url == this.webBrowser.Url)
            {
                // Generate the file name here
                string screenshotFileName = Path.GetFullPath(
                    "screenshot_" + DateTime.Now.Ticks + ".png");

                this.SaveScreenshot(screenshotFileName);
                MessageBox.Show(
                    "Screenshot saved to '" + screenshotFileName + "'.",
                    "WebBrowser Screenshot Forms Sample",
                    MessageBoxButtons.OK,
                    MessageBoxIcon.Information);

                // Re-enable button before returning
                this.generateScreenshotButton.Enabled = true;
            }
        }

        private void SaveScreenshot(string fileName)
        {
            int width = this.webBrowser.Width;
            int height = this.webBrowser.Height;
            using (Graphics graphics = this.webBrowser.CreateGraphics())
            using (Bitmap bitmap = new Bitmap(width, height, graphics))
            {
                Rectangle bounds = new Rectangle(0, 0, width, height);
                this.webBrowser.DrawToBitmap(bitmap, bounds);
                bitmap.Save(fileName, ImageFormat.Png);
            }
        }
    }
}
于 2009-12-30T19:26:02.037 回答
30

https://screenshotlayer.com/documentation是我最近能找到的唯一免费服务......

您需要使用 HttpWebRequest 下载图像的二进制文件。有关详细信息,请参阅上面提供的 url。

HttpWebRequest request = HttpWebRequest.Create("https://[url]") as HttpWebRequest;
Bitmap bitmap;
using (Stream stream = request.GetResponse().GetResponseStream())
{
    bitmap = new Bitmap(stream);
}
// now that you have a bitmap, you can do what you need to do...
于 2010-03-22T22:41:21.660 回答
24

这个问题很老,但是,或者,您可以使用 nuget 包Freezer。它是免费的,使用最新的 Gecko 网络浏览器(支持 HTML5 和 CSS3)并且仅存在于一个 dll 中。

var screenshotJob = ScreenshotJobBuilder.Create("https://google.com")
              .SetBrowserSize(1366, 768)
              .SetCaptureZone(CaptureZone.FullPage) 
              .SetTrigger(new WindowLoadTrigger()); 

 System.Drawing.Image screenshot = screenshotJob.Freeze();
于 2016-04-21T16:25:39.697 回答
19

有一个很棒的基于 Webkit 的浏览器 PhantomJS,它允许从命令行执行任何 JavaScript。

从http://phantomjs.org/download.html安装它 并从命令行执行以下示例脚本:

./phantomjs ../examples/rasterize.js http://www.panoramio.com/photo/76188108 test.jpg

它将在 JPEG 文件中创建给定页面的屏幕截图。这种方法的好处是您不依赖任何外部提供商,并且可以轻松地自动进行大量屏幕截图。

于 2012-07-31T08:38:41.887 回答
4

我使用了 WebBrowser,它对我来说并不完美,特别是在需要等待 JavaScript 渲染完成时。我尝试了一些 Api(s) 并找到了Selenium,关于 Selenium 最重要​​的是,它不需要 STAThread 并且可以在简单的控制台应用程序和服务中运行。

试试看 :

class Program
{
    static void Main()
    {
        var driver = new FirefoxDriver();

        driver.Navigate()
            .GoToUrl("http://stackoverflow.com/");

        driver.GetScreenshot()
            .SaveAsFile("stackoverflow.jpg", ImageFormat.Jpeg);

        driver.Quit();
    }
}
于 2015-06-15T08:56:48.870 回答
1

看看这个。这似乎可以满足您的需求,并且从技术上讲,它通过 Web 浏览器控制以非常相似的方式解决了问题。它似乎满足了要传入的一系列参数以及内置的良好错误处理。唯一的缺点是它是您生成的一个外部进程 (exe),它会创建一个您稍后将读取的物理文件。根据您的描述,您甚至考虑了 Web 服务,所以我认为这不是问题。

在解决您关于如何同时处理多个它们的最新评论时,这将是完美的。您可以在任何时候生成 3、4、5 或更多进程的并行,或者在另一个捕获进程发生时将颜色位分析作为线程运行。

对于图像处理,我最近遇到了Emgu,我自己没有使用过,但它看起来很吸引人。它声称速度很快,并且对图形分析有很多支持,包括读取像素颜色。如果我现在手头有任何图形处理项目,我会尝试一下。

于 2010-03-24T20:57:31.440 回答
1

你也可以看看 QT jambi http://qt.nokia.com/doc/qtjambi-4.4/html/com/trolltech/qt/qtjambi-index.html

他们为浏览器提供了一个不错的基于 webkit 的 java 实现,您可以在其中简单地通过执行以下操作来截取屏幕截图:

    QPixmap pixmap;
    pixmap = QPixmap.grabWidget(browser);

    pixmap.save(writeTo, "png");

看看样本——他们有一个很好的网络浏览器演示。

于 2010-04-13T16:00:26.707 回答