- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我重新开发了一个网页,之前所有的页面布局和搜索结果都是在服务器上用 PHP 生成的,然后在完成后显示在页面上。这很慢。
为了提高性能和响应速度,新版本仅为页面加载页眉/页脚,然后在使用 AJAX 请求动态填充结果之前使用 javascript 创建剩余的布局。
这样做的缺点是,如果没有 javascript 支持,页面显然无法正确加载。我想做的是找到一种方法,在未启用 javascript 的情况下使用旧的 PHP 代码进行布局和结果。
我已经尝试将旧代码添加到我的新页面中,并且在非 JavaScript 浏览器中没问题。然而,在 javascript 浏览器中,它加载所有内容两次 - 使用新的 javascript 布局和结果代码以及旧的 php 代码。
因为 PHP 代码在 javascript 代码之前执行,所以无论如何我都看不到以避免这种情况。我在这里完全遗漏了什么吗?
感谢您的指导。
最佳答案
你想要做的是一个叫做 progressive enhancement 的东西.
这张图片来 self 发布的链接:
简而言之,这描述的是您的网站应该在没有 CSS 或 JavaScript 的情况下达到基本的最小功能。换句话说,如果你有一些网站,你应该有这样的东西:
<!DOCTYPE html>
<html>
<head>
<title>Basic HTML</title>
</head>
<body>
<h1>Introduction to semantic HTML</h1>
<p>You use H tags for headings, search engines like that.
Paragraph tags for paragraphs</p>
<a href="http://example.com/">Hyperlinks make sense</a>
<div>
<p>Divs can be used to create seperate areas for content</p>
</div>
</body>
</html>
这看起来像什么?
在现代网络浏览器中:
在很多人使用的命令行浏览器中:
CSS 和 JavaScript 应该增强这个基本功能,而不是它所必需的。
当我访问您的网站并请求 http://example.com/Foo
时,我应该会看到
<!DOCTYPE html>
<html>
<head>
<title>Foo page</title>
<script>/*Whatever script that does your ajaxy stuff*/</script>
</head>
<body>
<h1>Foo page</h1>
<p>Foo content</p>
<a href="http://example.com/bar">Click here to goto bar.</a>
<div>
<p>Divs can be used to create seperate areas for content</p>
</div>
</body>
</html>
我不应该看到的是:
<!DOCTYPE html>
<html>
<head>
<title>Foo page</title>
<script>/*Whatever script that does your ajaxy stuff*/</script>
<script>/*Script to Load in the main content for the body*/</script>
</head>
<body>
<noscript>
<p>Sorry, for some reason I decided you need
javascript and a modern desktop browser to see
the basic line of text you wanted.</p>
</noscript>
</body>
</html>
因此,与其让您的页面根据浏览器中页面的 URL 加载内容,不如从服务器端传送页面,这样当您请求/foo 时,您会获得所有 foo HTML。然后,当它加载时,编写 JavaScript,通过使特定导航链接加载正文内容,逐步增强您的页面。这样,当 JS 被禁用时,它可以工作,而当 JS 被启用时,您的内容加载速度更快。
从可用性的 Angular 来看最后一点。
如果您要执行此 Ajaxy 操作,请请确保捕获所有 HTTP 错误代码并做正确的事情,例如提醒用户加载页面时出错,以及显示加载图形。 Ajaxy 网站在我的网络速度较慢时尝试加载内容,但不向我显示与加载内容相关的任何内容或发生的错误,让我无所适从,这让我成为一个非常生气的用户,他们离开了你的网站,再也没有回来.
关于php - 使用非 JavaScript 替代方案开发 Javascript 网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9294493/
在 Windows 世界中,什么是正确的名称。具有导出函数的老式 C++ DLL?不是 COM DLL,也不是 .NET DLL。我们以前通过调用 LoadLibrary() 和 GetProcAdd
目前我正在使用javaEE7,我有一个场景如下。在我的 JSF Web 应用程序中,我有一个事件监听器(不是 JSF 事件),当事件调用时,它会执行某些操作,然后将这些信息更新到我的 Web 应用程序
这不是 AJAX 请求/响应回调问题... 我正在使用 Dojo 1.5 构建网格。我正在尝试 dojo.connect具有功能的扩展/收缩按钮。我的问题是 grid.startup()在创建实际 D
非 Webkit Opera 是 very specific在某些功能中,因此通常通过 JavaScript 检测到 the following way . 但是,Opera Next 几乎是 Goo
我已查看以下链接中给出的所有日志,但未能找到 IP 地址: https://developer.couchbase.com/documentation/server/3.x/admin/Misc/Tr
我有一个命令行程序,它根据一组源文件生成一个我想在我的 Android gradle 构建 (A) 中使用的 jar 文件。这个命令行程序只是将一个 jar 文件存储在磁盘上的一个目录中。 我如何创建
下面的 htaccess 命令将所有非 www 转移到 http www RewriteEngine On RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^
我正在使用自定义链接器脚本将内核镜像分为两部分。第一个是普通代码和数据,第二个是初始化代码和不再需要时将被丢弃的数据。初始化部分也不像内核本身那样在地址空间之间共享,因此如果 fork() 仍然存在(
这个问题在这里已经有了答案: Several unary operators in C and C++ (3 个答案) What is the "-->" operator in C++? (29
假设我有一个类设置如下: class A { public: virtual void foo() { printf("default implementation\n"); } }; c
#include using namespace std; int main(int argc, char *argv[]) { int i=-5; while(~(i)) {
近期,百度搜索引擎变化无常,很多企业站、行业站、门户站、论坛等站点遭到了降权,特别是比比贴分类信息网直接遭到了拔毛,这对于广大站长来说是一种打击,也是各个企业、行业的打击。 至今,很多网站已经恢复
我现在正在使用 IBM TPM v1332 + IBM TSS v1470 并尝试将一些基本关键字/密码存储到 TPM 上的非 volatile 内存中。我找到了两种方法。一种是创建一个密封对象并使用
我的 PHP 脚本中有一个正则表达式,如下所示: /(\b$term|$term\b)(?!([^)/iu 这与 $term 中包含的单词匹配,只要前后有单词边界并且它不在 HTML 标记内即可。 但
我想显示用户名称地址(请参阅 www.ipchicken.com ),但我唯一能找到的是 IP 地址。我尝试了反向查找,但也没有用: IPAddress ip = IPAddress.Parse(th
只有 UI 线程能够显示到屏幕上,还是其他线程也可以这样做? 最佳答案 不,您只能直接从 UI 线程访问 UI,但您可以编码来自其他线程的结果,例如使用 Control.Invoke 或 contro
我正在使用现代 Excel 滚动条(不是旧的 ActiveX 类型,即开发人员 > 插入 > 表单控件 > 滚动条)并且想检测它的值何时更改。我找不到有关此类对象的更改事件的任何信息。您可以在单击时分
当我使用这段代码时 IE 6 确实正确使用了指定的样式表,但所有其他浏览器在应该使用基本上声明的样式表时会忽略这两种样式表,如果您不是 IE,请使用此样式表。 有什么想法吗? 最佳答案 n
我想指定 2 mssql 表之间的关系。 付款类别和付款。 paymentcategory.id 加入 payout.category 列。 在 payout.json 模型中 我指定为外键:id,
我正在尝试制作非 volatile UDF,但似乎不可能。因此,这是我非常简单的test-UDF: Option Explicit Dim i As Integer Sub Main() i = 0
我是一名优秀的程序员,十分优秀!