开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么jQuery移动预取的“单页”页面不能像“多页”页面那样工作呢？

问为什么jQuery移动预取的“单页”页面不能像“多页”页面那样工作呢？
EN

Stack Overflow用户

提问于 2013-02-12 14:09:44

回答 1查看 928关注 0票数 0

我有一个网站，它由一堆单页面模板的jQuery移动页面组成，这些页面使用预取和缓存相互链接。所有页面都存在于DOM中(在它们被预取之后)。

这在我的桌面浏览器上运行得很好。换句话说，浏览器的地址栏暂时出现，然后页面变为白色，然后加载新页面，然后地址栏消失。

我期望其行为与多页模板的行为完全相同。例如，如果您浏览jQuery移动文档中的多页模板，则可以非常顺利地从一个页面切换到另一个页面。浏览器地址工具栏不会弹出，页面之间也不会出现白色闪烁。但是，如果您浏览“持久化工具栏”示例(它使用预取来加载示例中的所有页面)，您将看到与我的网站相同的行为。浏览器的地址栏将出现，页面将变为白色，下一个页面将呈现，然后地址栏将消失。

那么，如何让我预取的页面行为像多页面模板，而不必重写我的站点来使用多页面模板呢？

作为参考，下面是URL工具栏演示和多页面演示，我认为它们的工作方式应该是完全相同的(关于出现的jQuery地址栏)：

http://jquerymobile.com/demos/1.3.0-rc.1/docs/toolbars/footer-persist-a.html

http://jquerymobile.com/demos/1.3.0-rc.1/docs/pages/multipage-template.html

EN

回答 1

Stack Overflow用户

发布于 2013-02-12 22:27:12

除非您的初始页面通过<a>链接标记上的data-prefetch属性直接链接到所有其他页面，否则这些页面将不会被预取和缓存。我声明这一点是因为你的问题暗示着你的页面有一些链接，这是不受支持的。您还可以通过API加载和缓存它们。

$.mobile.loadPage( pageUrl, { showLoadMsg: false } );

你能在你的移动Android设备上实际检查DOM吗？

有没有可能基于内存限制从DOM中刷新页面？我不知道jQM文档中关于此场景的任何细节，但在某些情况下，您将填充缓存。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14834467

复制

相关文章

bootstrap 单页营销页面

image.png image.png image.png image.png

用户5760343

2019/10/14

2.1K0

bootstrap 单页营销页面

vue单页应用和多页应用_多页面应用需要vuejs吗

vue.js html https 网络安全 javascript

进入一家新的公司，要开发移动端app项目，前端技术选型时前端组长选的是vue的多页面开发，当时很蒙，vue不是单页面开发吗？咋出来多页面的。接触之后才发现确实存在也挺简单的，省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵！

全栈程序员站长

2022/11/08

7910

vue单页应用和多页应用_多页面应用需要vuejs吗

为什么资讯页收录多而案例页收录少呢？

对于搜索引擎来说不同的页面质量，收录肯定会不同，所以应该对页面质量做一个全面的分析：

蝙蝠侠IT

2021/06/11

6190

为什么资讯页收录多而案例页收录少呢？

移动端H5页面截图

https 网络安全 html github

两个工具： html2canvas 官方地址：https://github.com/niklasvh/html2canvas

yangdongnan

2019/07/01

3.4K0

移动设备HTML5页面布局

在HTML5标准添加的新元素中，用于常见页面结构的包括header footer footer nav aside aside article section hgroup 。下面简单介绍一下这个元素： 1.header header>元素定义文档的页面组合，通常是一些引导和导航信息，标签内通常包含 secti- on的头部信息，如h1~h6 或 hgroup等。 <header> 　　<h1>HTML5布局学习</h1> 　　<P>勤学苦练</p> </header> 与下面的代码是一致的： <di

用户1197315

2018/01/19

2.4K0

https 网络安全 vue.js

如果用户输入错误的网址没有提示，界面也不会有任何变化，用户体验非常不友好，所以需要设置错误提示

py3study

2021/03/23

1.7K0

个性404页面

网站博客协议

废江博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权转载请注明原文链接：个性404页面

废江_小江

2022/09/05

6230

什么是404页面,如何正确设置制作404页面

搜索引擎 actionscript 网站 html

　　404网页是用户尝试访问网站不存在的网页（由于用户点击了损坏的链接、网页已被删除或用户输入了错误的网址）时看到的页面。之所以称为 404 网页，是因为针对丢失网页的请求，网络服务器会返回 404 HTTP 状态代码，表明该网页未找到。 404页面的目的是：告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开。

全栈程序员站长

2022/09/18

2.1K0

【前端词典】单页应用 VS 多页应用

vue.js php 网站 seo html

最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容，所以也就输出这一篇短文希望可以给你一个整体的认识。

小生方勤

2019/06/19

1.9K0

【前端词典】单页应用 VS 多页应用

【前端词典】单页应用 VS 多页应用

vue.js php 网站 seo html

最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容，所以也就输出这一篇短文希望可以给你一个整体的认识。

用户1462769

2019/08/13

1.8K0

【前端词典】单页应用 VS 多页应用

vue单页使用keep-alive页面返回不刷新

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用<keep-alive>解决这个问题，下面是我的使用心得。

李维亮

2021/07/08

2.4K0

404页面对SEO的影响

网站搜索引擎 seo 其他

当你打开某一个网站的内页页面不存在，提示页面不存在或者连接错误，该页面上可以访问到网站的其他页面，这样的页面称之为404页面。

OECOM

2020/07/02

6660

html css制作404页面,CSS3绘制404页面

html 网站 css html5 php

transform: matrix(0.642788,-0.766044,0.766044,0.642788,0,95);

全栈程序员站长

2022/09/18

1.8K0

html css制作404页面,CSS3绘制404页面

SpringBoot 配置404页面

腾讯云开发者社区

特殊说明：以上文章，均是我实际操作，写出来的笔记资料，不会盗用别人文章！烦请各位，请勿直接盗用！转载记得标注来源！

收心

2022/01/19

1.2K0

网站404页面的设计

网站 http seo

每一个网站都必须有404页面，404页面指的是显示网站错误链接的页面，可能是该访问的页面不存在，也可能是页面已经被删除。

岳泽以

2022/10/26

1.4K0

前端的单页面模式和多页面模式

javascript html css 网站网络安全

　　这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式。

Lansonli

2021/10/09

1.5K0

web页面的单页打印以及批量打印实现方法

html break window 表格分页

(3).如果使用window.open(“showPrint.html”,”print”); 打印预览页面的话

用户2323866

2021/06/24

5K0

WordPress 优化404页面

wordpress https 网站建设网络安全腾讯云开发者社区

wordpress主题自带的404页面过于简单，只是显示了一个page not found，左侧区域空荡荡的，与右侧的侧边栏搭配丑的一p。于是就尝试进行改造了一下，第一次改造在404页面加了下部的随机文章。代码如下：

obaby

2023/02/23

3400

WordPress 优化404页面

如何制作404页面

html java https 网络安全

第二步：粘贴刚才复制的代码到编辑器，更改对应的跳转链接，文字，以及页面的标题，404图片路径。查看修改编码方式，如不修改可能出现乱码，命名为404.html。

全栈程序员站长

2022/09/18

1.2K0

3.2.4页面分配策略

对于分页式的虚拟内存，在准备执行时，不需要也不可能把一个进程的所有页都读取到内存，因此，操作系统必须决定读取多少页，也就是说，给特定的进程分配多大的内存空间，这需要考虑以下几点： 1）分配给一个进程的存储量越小，在任何时候驻留在主存中的进程数就越多，从而可以提高处理机的时间利用效率。 2）如果一个进程在主存中的页数过少，尽管有局部性原理，页错误率仍然会相对较高。 3）如果页数过多，由于局部性原理，给特定的进程分配更多的主存空间对该进程的错误率没有明显的影响。基于这些因素，现代操作系统通常采用三种策略： 1）固定分配局部置换它为每个进程分配一定数目的物理块，在整个运行期间都不改变。若进程在运行中发生缺页，则只能从该进程在内存中的页面中选出一页换出，然后再调入需要的页面。实现这种策略难以确定为每个进程应分配的物理块数目：太少会频繁出现缺页中断，太多又会使CPU和其他资源利用率下降。 2）可变分配全局替换这是最易于实现的物理块分配和置换策略，为系统中的每个进程分配一定数目的物理块，操作系统自身也保持一个空闲物理块队列，当某进程发生缺页时，系统从空间物理块队列中取一个物理块分配给该进程，并将欲调入的页装入其中。 3）可变分配局部替换它为每个进程分配一定数目的物理块，当某进程发生缺页时，只允许从该进程在内存的页面中选出一页换出，这样就不会影响其他进程的运行。如果进程在运行中频繁地缺页，系统在为该进程分配若干物理块，直至该进程缺页率趋于适当程度；反之，若进程在运行中缺页率特别低，则可适当减少分配给该进程的物理块。

week

2018/08/24

6380

相似问题

JQuery移动-从外部页面(单页模板)链接到内部页面(多页模板)

10

jQuery移动多页模板请求错误页面

13

jQuery多页/单页系统

10

过渡期间的jQuery移动多页设置页面

11

JQuery移动1.4.0 -从Javascript打开多页模板页面

13

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例