c# - 在 ABC pdf 中渲染 pdf 之前让 Javascript 完成

Question

我正在尝试将显示 Google map 上位置的网页制作为 pdf 格式。唯一的问题是，当 ABCpdf 渲染 pdf 时，Javascript 尚未完全完成。它是不完整的。如何让 ABDpdf 等到 javascript 100% 完成后再渲染 pdf。这是我到目前为止所尝试过的。

Doc theDoc = new Doc();
            string theURL = url;
            // Set HTML options
            theDoc.HtmlOptions.AddLinks = true;
            theDoc.HtmlOptions.UseScript = true;
            theDoc.HtmlOptions.PageCacheEnabled = false;
            //theDoc.HtmlOptions.Engine = EngineType.Gecko;
            // JavaScript is used to extract all links from the page

            theDoc.HtmlOptions.OnLoadScript = "var hrefCollection = document.all.tags(\"a\");" +
              "var allLinks = \"\";" +
              "for(i = 0; i < hrefCollection.length; ++i) {" +
              "if (i > 0)" +
              "  allLinks += \",\";" +
              "allLinks += hrefCollection.item(i).href;" +
              "};" +
              "document.documentElement.abcpdf = allLinks;";
            // Array of links - start with base URL
            theDoc.HtmlOptions.OnLoadScript = "(function(){window.ABCpdf_go = false; setTimeout(function(){window.ABCpdf_go = true;}, 1000);})();";
            ArrayList links = new ArrayList();
            links.Add(theURL);
            for (int i = 0; i < links.Count; i++)
            {
                // Stop if we render more than 20 pages
                if (theDoc.PageCount > 20)
                    break;
                // Add page
                theDoc.Page = theDoc.AddPage();
                int theID = theDoc.AddImageUrl(links[i] as string);
                // Links from the rendered page
                string allLinks = theDoc.HtmlOptions.GetScriptReturn(theID);
                string[] newLinks = allLinks.Split(new char[] { ',' });
                foreach (string link in newLinks)
                {
                    // Check to see if we allready rendered this page
                    if (links.BinarySearch(link) < 0)
                    {
                        // Skip links inside the page
                        int pos = link.IndexOf("#");
                        if (!(pos > 0 && links.BinarySearch(link.Substring(0, pos)) >= 0))
                        {
                            if (link.StartsWith(theURL))
                            {
                                links.Add(link);
                            }
                        }
                    }
                }
                // Add other pages
                while (true)
                {
                    theDoc.FrameRect();
                    if (!theDoc.Chainable(theID))
                        break;
                    theDoc.Page = theDoc.AddPage();
                    theID = theDoc.AddImageToChain(theID);
                }
            }
            // Link pages together
            theDoc.HtmlOptions.LinkPages();
            // Flatten all pages
            for (int i = 1; i <= theDoc.PageCount; i++)
            {
                theDoc.PageNumber = i;
                theDoc.Flatten();
            }

            byte[] theData = theDoc.GetData();

            Response.Buffer = false; //new
            Response.Clear();
            //Response.ContentEncoding = Encoding.Default;
            Response.ClearContent(); //new
            Response.ClearHeaders(); //new
            Response.ContentType = "application/pdf"; //new
            Response.AddHeader("Content-Disposition", "attachment; filename=farts");

            Response.AddHeader("content-length", theData.Length.ToString());
            //Response.ContentType = "application/pdf";
            Response.BinaryWrite(theData);
            Response.End();

            theDoc.Clear();

Answer 1

我遇到了一个非常相似的问题(将 Google Visualization 渲染为 PDF)，这是我用来部分解决该问题的技巧:

首先，您的 JavaScript 需要在 DOMContentLoaded 上执行，而不是在 load 上执行(稍后您就会明白为什么)。接下来创建一个空页面，该页面将通过计时器提供内容(您可以使用 System.Threading.Thread.Sleep 使页面“等待”一段时间)。

然后将隐藏图像放置在您想要呈现为 PDF 的页面上，并且该图像包含需要在生成 PDF 之前执行的 JavaScript。图像的“src”属性必须有一个指向计时器页面的 URL(在下面的示例中，我通过查询字符串指定延迟(以毫秒为单位)):

<img src="Timer.aspx?Delay=1000" style="width: 1px; height: 1px; visibility: hidden" />

请注意，我使用 visibility: hide 而不是 display: none 来隐藏图像。原因是某些浏览器可能在图像可见之前才开始加载图像。

现在会发生的是 ABCpdf 将等待图像加载，而您的 JavaScript 已经在执行(因为 DOMContentLoaded 在 load 之前触发，而 load 会等到所有图像已加载)。

当然，您无法预测执行 JavaScript 到底需要多少时间。另一件事是，如果 ABCpdf 无法在 15 秒内加载页面(默认值，但我认为你可以更改它)，它会抛出异常，所以在选择延迟时要小心。

希望这有帮助。