标签: webpage

我已经了解到为网页添加favicon的方法是在页面中包含以下行.

<link rel="SHORTCUT ICON" type="image/x-icon" href="http://mysite.com/faviconfilename.ico"/>
<link rel="icon" type="image/x-icon" href="http://mysite.com/faviconfilename.ico" />

我应该在我的网站每个页面中添加此代码吗？我使用Apache-tomcat集群来提供页面.有没有其他简单的方法来做到这一点？

我想添加一个打印按钮,以便用户打印我的网页.但是当我打印所有的CSS样式都丢失了.看来打印机只保留基本的html元素.如果我还想在浏览器中完全按照它的样子打印出页面,我该怎么办？我的意思是,如果我使用彩色打印机,它将打印出一个带有CSS样式的彩色页面.当我使用黑白打印机时,它应该打印浅色作为白色和深色,如灰色或黑色.

我正在计划一个Java工具,它将包含一个包含网页所有元素的下拉列表.有什么方法可以把它们读成数据结构吗？

我正在使用CSS网格布局构建一个响应式模板(仍然在学习),感谢你们中的一些人,我已经完成了大部分工作.

• 移动(最大宽度:767px)

  • 一切都应该出现在自己的行上

• 平板电脑(最小宽度:768px)

  • nav在第一行
  • 在第二个和第二个主要

• 桌面(最小宽度:992px)

  • 与平板电脑相同,但水平间距为10%

• xl桌面(最小宽度:1920px)

  • 与桌面相同,但最大宽度为1920px

问题是我正在使用header标签来为左边和右边的间距着色nav.无论我使用标头还是div,只是为空着色空间着色空容器似乎不对.有没有办法让我position: fixed在整个顶部应用？

* {
  margin: 0;
  padding: 0;
}

body {
  display: grid;
  font-family: sans-serif;
}

a {
  text-decoration: none;
  color: white;
}

header,
nav {
  background: blue;
  color: #fff;
}

nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

nav span {
  margin-right: auto;
}

header {
  display: none;
}

aside {
  background: lightgreen;
}

main {
  background: pink;
}


/* mobile  */ …

我开发了一个网站,当使用IE时,"后退"按钮并不总是回到上一页 - 没有Firefox或Chrome的问题.似乎对于某些页面更改,IE最初无法显示页面,然后成功加载它,但最初的失败出现在历史记录中.

然后,当您点击"返回"时,它首先返回到错误条目(虽然屏幕上没有任何变化),然后第二次按下按钮会返回页面.

我在firefox上看不到相同的行为,我没有在页面转换中进行任何重定向,而.htaccess我唯一的规则是FURL,这是一个直接重写,没有重定向:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]

任何人都可以建议一种方法来找出IE在页面上不喜欢的东西,这会导致这种情况发生吗？

在IE7和IE9中也发生了同样的行为.

更新: 我认为我已将此隔离到linkedin插件.这些都在整个网站上使用.没有任何插件的页面按预期工作,历史上没什么奇怪的.在某些页面上,我有"关注我们"插件:

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/FollowCompany" data-id="568783" data-counter="none"></script>

一旦你进入页面,这些在历史记录中只有一个"无法显示页面".在另一个页面上,我有6个插件,用于填充一个包含来自linkedin的5个配置文件的团队页面和一个Follow Us插件.每次调用linkedin都会导致历史记录中显示"无法显示此页面":

有什么想法会发生这种情况吗？

我知道我们可以通过轮询定期更改来做到这一点.这可以通过AJAX实现(例如jQuery.load()与之一起使用setInterval()).

但我想知道还有其他方法吗？其他成本较低的方法或更有效的方法？一个很棒的聊天客户端遵循什么逻辑？一旦你开始打字,另一端就会知道你正在打字.

我们在stackoverflow上遵循什么机制来更新upvote计数或显示已经进行了编辑等等而没有刷新页面？

我想制作一个浮动div,它将位于页面底部,如果当前页面的底部位于窗口屏幕上方,否则它将位于窗口屏幕任务栏上方,如果我们滚动页面,它将保持其当前位置.

我需要在我的linux服务器上存档包括任何链接图像等的完整页面.寻找最佳解决方案.有没有办法保存所有资产,然后重新链接所有资产在同一目录中工作？

我考虑过使用curl,但我不确定如何做到这一切.另外,我可能需要PHP-DOM吗？

有没有办法在服务器上使用firefox并在加载地址或类似后复制临时文件？

欢迎任何和所有输入.

编辑:

似乎wget'不'将起作用,因为需要渲染文件.我在服务器上安装了firefox,有没有办法在firefox中加载url然后获取临时文件并清除临时文件？

我是Android的新手,我希望将整个文本从网页变为字符串.我发现了很多像这样的问题,但正如我所说,我是Android新手,我不知道如何在我的应用程序中使用它们.我收到了错误.只有一种方法我设法使它工作,它使用WebView和JavaScript,它很慢,因为地狱.有人可以告诉我一些其他的方法来做到这一点或如何加快WebView,因为我根本不使用它来查看内容.顺便说一下,我添加了以下代码来加速WebView

webView.getSettings().setJavaScriptEnabled(true); 
    webView.getSettings().setBlockNetworkImage(true);
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(false);
    webView.getSettings().setPluginsEnabled(false);
    webView.getSettings().setSupportMultipleWindows(false);
    webView.getSettings().setSupportZoom(false);
    webView.getSettings().setSavePassword(false);
    webView.setVerticalScrollBarEnabled(false);
    webView.setHorizontalScrollBarEnabled(false);
    webView.getSettings().setAppCacheEnabled(false);
    webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

如果您知道其他比使用WebView更好更快的解决方案,请告诉我主要活动的完整源代码或解释我应该写的地方,这样我就不会出错.

问题:

关于这个问题的宝贵文章 - 由JackPattishallJr提到.

CSS如何对网页特定区域的页面绘制时间产生显着的负面影响？

例如:

• 我不知道CSS是否根据用户在页面中的位置生效.这种行为是否确定它确实存在？

• 是否存在可能导致性能不佳的冲突或异常CSS定位,动画等？

• CSS样式如何直接和一致地链接到页面性能？具体来说,页面绘制时间.

更新:我根据刚才做的两个测试编辑了问题和示例:

1. 如果我的浏览器没有启用javascript,那么糟糕的性能问题(令人惊讶)就是一致的.

2. 删除有问题区域的样式后,问题得到解决(但不完全,因为现在我的页面很难看).

页面绘制时间问题

我注意到我的网页在页面的某个特定区域表现不佳(滞后).

为了研究这个问题,我启用了show paint rectangles并且enable continuous page repainting为了获得关于页面重绘率的一些读数.

这是我用来演示这个问题的Youtube视频.

这是一个健康的阅读,在我的页面区域响应和顺利:

这是一个不健康的阅读(在问题区域),页面的响应速度很慢,滚动非常滞后:

页面表现完美,顶部有健康的重新绘制率(实际上活动最多的地方),并且在页面的较低区域执行非常(几乎停止).当我离开有问题的区域时,它会恢复到完美的性能.

更新:我完全禁用了Javascript,并获得了与之前相同的性能问题和读数.