本文将介绍使用浏览器工具检查与使用Javascript获取大小时HTML元素的大小不同的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于ASP.NE

本文将介绍使用浏览器工具检查与使用 Javascript 获取大小时 HTML 元素的大小不同的详细情况，。我们将通过案例分析、数据研究等多种方式，帮助您更全面地了解这个主题，同时也将涉及一些关于ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf的知识。

• 使用浏览器工具检查与使用 Javascript 获取大小时 HTML 元素的大小不同
• ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction
• asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处
• asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction
• AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

使用浏览器工具检查与使用 Javascript 获取大小时 HTML 元素的大小不同

如何解决使用浏览器工具检查与使用 Javascript 获取大小时 HTML 元素的大小不同

我在我的 Javascript 文件中使用几种不同的方法来获取我网站上固定标题的高度，然后将该高度设置为主要内容的填充（以便加载时内容位于固定标题下方.

我正在使用 getClientBoundingRect 和 jquery。每个方法都返回相同的结果（即在此实例中为 56），但是当我通过浏览器工具检查元素时，我的标题的高度是不同的（即在此实例中为 98px）。只有一次当我重新加载页面时，Javascript 才返回正确的高度。当我在下面运行我的 javascript 时，在页面加载后直接在控制台中，它返回正确的值。

此外，我首先尝试了多次重新加载，屏幕宽度低于 767 像素以模拟移动设备。与浏览器检查器在视觉上向我展示的相比，没有任何重新加载会返回正确的标题高度。因此，我将我的网站上线并在移动 Safari 中的实际 iPhone 上对其进行了测试，并且它运行正常。 Javascript 返回固定标题的正确高度并将该值设置为主要内容的填充。

• 我正在构建一个 wordpress 网站，我正在 functions.PHP 文件中注册我的 javascript 文件。
• 我正在 Firefox 中查看该网站的桌面版本。
• html 标题元素上的 css 将框大小设置为边框框。而且即使没有设置成边框框，hmtl元素+外边距和内边距的加法也算不上98px（header的大小）。
• javascript 文件在 body 标记关闭之前被加载。
• 在运行 javascript 之前可以修改标题高度的内容是什么？

为什么 javascript 返回的值与浏览器中的实际标题高度不同？我已经阅读了很多文档，但没有说明为什么可能会出现错误。标题中的任何内容都没有接近 56 像素高。

Javascript：

let headerHeight = document
  .getElementById("masthead")
  .getBoundingClientRect().bottom;

// for debugging
console.log(headerHeight);

let siteMain = document.getElementById("primary");

if (window.innerWidth >= 767) {
  siteMain.style.paddingTop = headerHeight + "px";
}

解决方法

ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction

1.Action、RenderAction加载办法的视图，履行Controller → Model → View的次序，然后把产生的页面带回到本来的View中再回传。而Partial、RenderPartial直接加载视图文件内容

2.Html.Partial可以直接供给用户控件名作为参数，而Html.Action须要有对应的Action，在Action内部返回PartailResult（即retun PartialView（））。

3.对于简单的没有任何逻辑的用户控件，推荐应用Html.Partial；对于须要设置一些Model的用户控件，推荐应用Html.Action。当然，有Model数据也是可以应用Html.Partial办法的，可以看办法的重载。

4.Html.Partial与Html.Action有啥区别呢？区别就是，Html.Partial只有一个视图，而Html.Action除了视图，还真的有个Action跟它对应，所以，Html.Action功能比Html.Partial要强。

如何调用这个Html.Partial

 //1、以视图名使用当前文件夹下的视图（如果没有找到，则搜索 Shared 文件夹）

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1、带有Render的方法返回值是void，在方法内部进行输出；不带的返回值类型为MvcHtmlString,所以只能这样使用：

     @Html.Partial 对应 @{Html.RenderPartial(....);}@Html.Action 对应 @{Html.RenderAction(....);}

2、Html.Partial可以直接提供用户控件名作为参数，

    而Html.Action需要有对应的Action，在Action内部返回PartailResult(即retun PartialView())。

3、对于简单的没有任何逻辑的用户控件，推荐使用Html.Partial；对于需要设置一些Model的用户控件，推荐使用Html.Action。当然，有         Model数据也是可以使用Html.Partial方法的，可以看方法的重载。

4、使用Html.Action有个好处，就是可以根据不同的场景选择不同的用户控件。比如：@Html.Action("UserInfoControl")在对应的    UserInfoControl这个Action中,在用户未登录的时候，可以retun PartialView("LogOnUserControl");登录后，可以retun  PartialView("UserInfoControl");

AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

如何解决AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

在我的 nodejs 应用程序中使用 html-pdf 包创建 pdf 文件时出现此错误

AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf

res.render(''pdf/attend-report'',{ data: attendData,date: `From: ${date(req.body.repFromDate || req.params.from)} To: ${date(req.body.repToDate || req.params.to)} - ${days} days(s)` },function(err,html) {
            pdf.create(html,options).toFile(''../public/pdf-html/attend-report.pdf'',result) {
                if (err) {
                    return console.log(err);
                } else {
                    // console.log(res);
                    var datafile = fs.readFileSync(''../public/pdf-html/attend-report.pdf'');
                    res.header(''content-type'',''application/pdf'');
                    res.send(datafile);
                }
            });
        })

如果我创建 html 链接“const html = fs.readFileSync(''../views/pdf/attend-report.ejs'',''utf8'');”我仍然找不到文件

修复此错误的任何帮助

关于使用浏览器工具检查与使用 Javascript 获取大小时 HTML 元素的大小不同的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于ASP.NET MVC 中＠Html.Partial，＠Html.Action，＠Html.RenderPartial，＠Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、AssertionError [ERR_ASSERTION]: html-pdf: 无法在 html-pdf 中创建没有 html 字符串的 pdf的相关知识，请在本站寻找。