问题标签 [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.
meteor - 如何最好地解决显示流星集合之前的延迟?
在显示集合中的项目之前,meteor 似乎做了一些处理,使客户端窗口没有更新。如果您在一台合理的机器上浏览http://madewith.meteor.com ,您可以现场观看。我的 2.6GHz 4GB RAM 笔记本电脑需要大约 5 秒来呈现列表中的项目,在此期间没有任何进度指示,并且匆忙的新用户可以合理地相信页面已完成加载。
有没有办法以增量方式显示集合中的项目,以便服务器将网络上的第一个数据项推送给客户端,浏览器呈现它们,同时接收新项目?类似于 HTTP 的分块传输。
或者是在加载集合时显示微调器图形的唯一解决方案,类似于https://atmosphere.meteor.com/所做的(“做一些聪明的事情”消息)?
asp.net-mvc - Spring MVC 在页面渲染后处理请求
我有一个 Spring MVC 应用程序(2.5.6),在页面渲染之后,spring MVC 会执行几个请求作为 GET 方法,这会导致我当前的命令值被擦除。它在 tomcat 5.5 下工作,我将应用程序更新为 tomcat 6.0.35,但 Jetty 也有同样的问题。我想知道 Spring MVC 2.5.6 在 tomcat 5.5 和 tomcat 6.x 下的行为不同 业务场景如下:使用创建一个空缺而不保存它,他点击预览按钮比,有一个返回按钮(不是浏览器的),点击后退按钮后,编辑表单会显示所有字段的验证错误,并保留任何值。谢谢你的帮助。
asp.net - 获取网站数据并显示在我的网页上
我正在尝试在我的网页上显示一个网站部分。为此我不想使用 iframe。但是任何其他可以从网站获取数据然后将其显示在我的网页上的想法。这是网站 http://www.sugaronline.com/
并想在我的网页上显示这部分
http://i.stack.imgur.com/CVsrh.jpg
请任何人告诉我除了使用 iframe 之外还有什么方法可以做到这一点?
更新
android - 网页上某些缩放级别的边框
我们的公司网站正在经历一些奇怪的恶作剧。当您在台式电脑或笔记本电脑上查看它时,它在任何浏览器上看起来都很好。但是,当您在移动设备上浏览网站时,您会在 iOS 上的 Safari 和 Android 上的 Chrome 和 Android 2.2 Stock Browser 中的页面元素周围看到这些边框。
在调查问题时,我注意到边框也出现在桌面/笔记本电脑上的 Chrome 上,但仅限于某些缩放级别:
100% 缩放:
110% 缩放:
奇怪的是,在不同的缩放级别中,线条并不一致:
这是在 90% 变焦下拍摄的。
所以澄清一下:我可以通过在笔记本电脑/台式机上放大 Google Chrome 来重现我在移动设备上看到的问题。但是当我在移动设备上加载网站时,我总是看到线条,无论缩放级别是多少。
整个网站通过表格进行布局(是的,我知道......它是很久以前作为 Typo3 中的模板构建的,虽然我们可以对其进行小幅更改,但重建整个模板不是一种选择。但这除了。)所以我认为这可能与表格上的 CSS 规则有关,但似乎没有任何问题。如果这是一个 CSS 问题,那么这些线条在不同的缩放级别上是不是一致的?这是模板的 CSS 文件:Pastebin
无论哪种方式,我们都对此感到困惑,不知道是什么导致了问题。如果有人遇到过这样的事情,我们将不胜感激。谢谢。
编辑: 刚刚在桌面上的 IE、Firefox 和 Safari 上进行了测试。无论缩放级别是多少,那里都没有边框。
Edit2: 根据网站的配色方案,缩放到 500%(桌面上的 Chrome)显示有些线条是蓝色的,有些是白色的,有些是灰色的。它们的长度也不相等,并且当我在网页上滚动时似乎会改变位置(即:向左/向右移动一点。)
webpage - 如何记录网页加载时间和页面大小
我正在使用 Tapestry 框架开发 Web 应用程序
我想记录每个单独的页面加载时间和页面大小:
我使用了 pageAttached、Detached 方法,如下所示:
这给出了大约 300 毫秒 - 400 毫秒,但是在浏览器的同一页面的 UI 中,我使用萤火虫选项检查了页面加载时间,它显示为 900 毫秒
它显示 firebug 显示图像加载、js、css 和其他外部调用
谁能告诉我如何记录页面大小?& 记录页面加载时间的方法是否正确?
问候,卡尔蒂。
firefox - 文字渲染问题
在某些站点中,我遇到了使用 firefox 和其他基于 firefox 的浏览器(如 Palemoon)进行文本渲染的问题
这是一个渲染问题的例子,我有 http://i.stack.imgur.com/KTKI2.png
在谷歌浏览器中,相同的文本是可以的。你知道是什么导致了这个奇怪的问题吗?提前致谢
webkit - Web 渲染引擎如何处理不可见的对象?
我有一个 CSS 样式表,它为许多对象定义了一些带有过渡状态的动画。一次只能看到这些对象中的一个;由于诸如left:-1000px
css样式的线条,所有其他的都位于可见区域之外。
我不愿意仅在需要时才使用 JavaScript 来激活动画(换句话说:我更喜欢纯 CSS 解决方案),但另一方面我担心渲染引擎即使绘制动画也会给 cpu 带来压力当前不可见的所有对象。是这种情况吗?
performance - HighChart 让导航器处理动态数据
我正在尝试制作一个可以长期运行的比特币实时图表,使用 HighStocks 买卖两个数据集,问题是数据都是实时的,因此图表从没有数据开始,并且在这些条件下每 30 秒更新一次HighStocks 似乎并不总是很好玩
我创建了一个非常接近最终代码http://jsfiddle.net/v3z6T/2/的演示!增量设置为 1 秒以加快演示速度,此外,如果您将 adaptToUpdatedData 更改为 true,则在超过最低导航器间隔(30 秒)之前,这会产生显着的滞后效应,所以要小心
我希望导航器区域能够正常工作,但是如果我使用 adaptToUpdatedData 对其进行更新:true 图表在短时间内非常滞后,如果整个浏览器开始无响应并出现脚本延迟错误,我无法让它运行数小时
这对我来说很奇怪,例如以 30 秒的增量运行 8 小时只有 960 个数据点,不足以使用看起来的处理和内存
如果 adaptToUpdatedData 为 false,则图形会快得多,并且更新流正常,直到使用导航按钮之一,则图形不再“实时”,因为新更新超出范围,导航器也从 1970 年开始,而不是系列数据的开始
有谁知道触发导航器刷新的方法,或者当我添加一个新数据点时我可以调用的东西,这将保持导航器区域更新并将图表保持在最新的数据入口点,并且不会阻止页面及时呈现? 或使用 api 或数据的更好方法
希望这是有道理的这个图的整个想法是保持运行几天可能几周,以便随着数据的进展实时查看数据,我不能使用来自 HighStocks 的处理大型数据集示例代码,因为数据都是实时的,而不是提到我并没有真正使用大型数据集,只是不断缓慢的更新
php - 如何给脚本下指令
描述: 标题描述得不太好,但想不出更好的。我已经为自己制作了一个编译视图的视图处理器(我正在使用定制的 MVC),我遇到的问题是当它“编译”视图时,即(在渲染之前捕获输出(修剪 + 高级压缩)) . 无论如何,这可以按预期工作,没有问题,但是当视图编译器点击动态页面时,它不再是动态的,即。如果我对两个页面使用相同的模板,或者内容基于查看站点的用户,他将看到上一个用户的编译版本,而不是他应该看到的那个。这是我目前的方法:
- 根据路由确定要渲染的视图
- 启动 gz_compression
- 包括模板
- 必要时在变量中捕获输出以进行渲染
- 清理 gzip 缓冲区
问题: 我真正想要的是一种向编译器添加“指令”的方法,无论文件是否应该被编译和保存或直接呈现。
PS:
我想不出任何模式可以解决问题,只要它不需要创建单独的模型等,任何选项都是可以接受的并且简单的实现会非常好。抱歉我的英语不好,这不是我的母语。
干杯!
phantomjs - phantomJS 网页超时
我已经设置了一个脚本来创建我们的应用程序的 webshots。它运行完美,一切都很好,直到我遇到网址损坏的图像:
我已经设法在 6 秒后使用下面的方法破坏了脚本,在它永远循环之前。
但是,是否可以忽略网络请求(AKA
将图像取出DOM
),然后继续创建没有图像的拇指,(或注入的图像丢失图像!)