问题标签 [webpage-rendering]

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.

0 投票
1 回答
505 浏览

fonts - Mac firefox 上的字体渲染不同

您好我正在尝试使用自定义字体开发网站。

然而,Firefox 渲染自定义字体与 Chrome 有很大不同(Chrome 在我眼中“正确”渲染它)有人知道让世界各地的 Firefox 像 Chrome 一样渲染字体吗?

字体是:

reddit 目录 » 本地

在顶部栏中:

http://redditdirectory.com/54/Local

0 投票
2 回答
395 浏览

html - 用大量图像填充网页,滚动缓慢。

在我的页面上,我填充了很多图像,它们不是超高分辨率,但我聚合了图像,所以我没有以较小的尺寸存储。当我开始在页面上放很多东西时,它会变得迟缓。我能做些什么来解决这个问题吗?像某种即时图像压缩?

0 投票
3 回答
543 浏览

templates - Wicket:是否可以根据面板添加到的页面显示面板的组件?

我对 Wicket 很陌生,所以如果这是一个简单的任务,请原谅。我试图寻找例子,但空无一物。

这是场景。假设我有一个包含 25 个数据点(姓名、出生日期、地址、电话等)的客户信息面板。我想在网站的许多不同页面中重用这个面板。现在假设我在面板出现的 3 个不同页面上有以下标准:

  • 第 1 页 - 所有字段均可见且可编辑
  • 第 2 页 - 出生日期、性别、客户姓名可见但不可编辑,所有其他字段可见且可编辑
  • 第 3 页 - 出生日期和性别不可见,地址可见且可编辑,所有其他字段可见但不可编辑。

有没有办法使用相同的面板(以减少代码重复),但根据面板加载到的当前页面控制其组件?

谢谢你的帮助!

0 投票
2 回答
1754 浏览

css - 多次导入同一个 CSS 文件会增加任何性能问题吗?

我见过人们讨论多次加载相同的 Javascript,当代码每次在每个包含上运行时都会产生问题。

我在同一个 DOM 中多次包含同一个 CSS 文件(不能避免添加它,因为我正在使用一些组件):

  1. DOM 大小会增加吗?
  2. 每次包含时都会渲染 CSS 文件吗?
  3. 这会影响页面的性能吗?

注意:因为我使用的是同一个 CSS 文件,所以它只下载一次。

0 投票
1 回答
232 浏览

wordpress - youtube 嵌入视频的奇怪视频渲染问题

当我通过 Wordpress 嵌入 Youtube 视频时,我的客户的 Firefox 浏览器发生了一些非常奇怪的事情。

我的客户在具有 250GB 固态硬盘和 128GB 内存和 Core i7 的笔记本电脑上运行 Windows 7 平台。他说他在任何其他网站上观看视频时都不会遇到这个问题。

为什么会发生这种情况?任何想法?

0 投票
3 回答
1452 浏览

html - 通过实际 z-index 比较 HTML 元素

给定同一文档中的两个任意 HTML 元素 A 和 B,我如何找出哪个与用户“更接近”(即,如果它们重叠,哪个会遮挡另一个)?

W3C CSS 规范描述了兼容的渲染引擎应该实现的堆叠上下文。但是,无论是否跨浏览器,我都找不到在 JavaScript 程序中访问这些信息的方法。我能读到的只是 cssz-index属性,它本身并没有说太多,因为大部分时间都设置为,auto或者即使表示为数值,也不是它实际显示方式的可靠指标(如果它们属于对于不同的统计上下文,比较 z-indexes 是无关紧要的)。

请注意,我对任意元素感兴趣:如果两个元素都在鼠标指针下方,则只有一个元素会被视为“悬停”,因此在这种情况下我可以轻松找到最接近的元素。但是,我正在寻找一种更通用的解决方案,最好是不涉及重新实现渲染引擎已经在执行的堆叠算法的解决方案。

更新:让我澄清一下这个问题背后的原因:我最近解决了一个问题,该问题暴露了 jQuery 拖放机制的限制——它在拖放时不考虑 z-indexes,所以如果一个元素遮挡了另一个元素,它仍然可以在“后面”的元素中执行放置操作。虽然针对 OP 特定情况回答了链接问题,但一般问题仍然存在,并且我知道没有简单的解决方案。

下面亚历克斯的回答很有用,但对于手头的情况还不够:拖动时,被拖动的元素本身(或更准确地说是它的助手)是鼠标光标下的最顶层元素,因此elementFromPoint将返回而不是下一个最顶层元素,即我们真的需要(解决方法: 设置光标的样式,使其放置在助手之外)。jQuery 采用的其他交集策略也不仅仅考虑了一个点,这使得确定与帮助器相交的最顶层元素的任务变得复杂。能够通过实际的 z-index 比较(或排序)元素将使“z-index 感知”相交模式在一般情况下可行。

0 投票
2 回答
3189 浏览

rest - RestEasy 打开 html/jsp 页面

有一个 RestEasy 方法,它处理 @GET 请求。如何从该方法打开 jsp/html 页面?

0 投票
2 回答
140 浏览

c# - 网页渲染位置控制器

第一个问题,但我真的很困惑。

我有一个运行良好的网页渲染。但是,我需要能够控制初始显示位置(几乎就像 HTML 中的 href #anchors),但不能访问网站内容。

据我所知,除了启用/禁用的布尔值之外,我无法访问滚动条。

例如,我可以做些什么来强制向下滚动 20%,然后我可以创建一个表单以便稍后进行调整。

任何帮助将不胜感激,尽管从我的研究来看似乎不太可能。

我有常规的 windows WebBrowser Render

private System.Windows.Forms.WebBrowser m_webBrowser;

谢谢 !

--这是针对 c# 独立应用程序的。不是基于 Web 的。

0 投票
1 回答
461 浏览

google-chrome - Chrome 中的重绘问题

我在 Chrome 中遇到无法解释的重绘问题。它们不会出现在任何其他浏览器中。该网站是http://leonardo.re

它们在将鼠标悬停在DIV包含样式链接(联系页面)的样式上后出现:

Chrome 中的示例重绘问题

DIV有时在滚动(任何页面)时覆盖。但并非总是如此:

Chrome 中的示例重绘问题 (2)

有谁知道到底发生了什么或如何解决/避免这种情况?

0 投票
1 回答
144 浏览

internet-explorer - Internet Explorer 中的脚本大写字符渲染

Script Capital H 看起来与 Internet Explorer 中的 chrome 和 firefox 非常不同,以至于几乎难以辨认。无论如何让它看起来一样或至少提高字符的易读性?

这是角色的一个例子。如果您在 ie 和 firefox/chrome 中打开链接,您可以看到差异。 http://graphemica.com/%E2%84%8B

无论我是使用 unicode 编码还是简单地将实际字符粘贴到标记中,字符呈现都是相同的。