Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >理想的解决方案,通过“页面加载”无缝音乐播放?使用javascript加载页面

理想的解决方案,通过“页面加载”无缝音乐播放?使用javascript加载页面
EN

Stack Overflow用户
提问于 2011-02-15 23:49:15
回答 1查看 1.8K关注 0票数 4

我正在开发一本在线音乐杂志。我们有一个html5 5/flash音乐播放器,这构成了网站的主要部分。但是这个网站也有很多文章和东西。因此,基本上,我想要跨页面加载的无缝音乐播放,但我也希望避免一个完整的javascript应用程序,因为我希望所有内容在Google中都是友好的和可索引的。

我将html5历史api与hashbang (#!)结合使用。用于在单击的主页中加载各种内容的回退。加载的URL也指向包含内容的页面。

例如: munimkazia.com索引页面中的munimkazia.com/page1.html链接将加载page1.html中的内容并插入它。网址将更改为火狐和IE中的munimkazia.com/#!/page1.html,而chrome中的munimkazia.com/page1.html。因为href链接是munimkazia.com/page1.html,所以蜘蛛将跟随链接并获取内容。我已将页面正确地设置在page1.html,可供查看。但现在我有麻烦了。

如果我决定在此页面使用ajax加载,浏览器地址栏上出现的URL将与hashbang回退(http://munimkazia.com/page1.html/#!/page2.html)不一致,如果我决定将所有单击都重定向到http://munimkazia.com上的主容器页并加载page2.html,那么在此之后一切都将正常工作,但是此页面加载将中断音乐播放,如果有的话。

另外,我不想将所有http://munimkazia.com/page1.html重写为http://munimkazia.com/#!/page1.html,因为我希望所有内容都在其中,而不是由javascript获取和编写,供搜索引擎蜘蛛阅读。我知道Google有一个规范来阅读#的内容!URL,但即使禁用了JS,我也希望页面中包含文章内容。

有什么想法/建议/解决办法吗?

编辑:这些URL只是解释我观点的例子。在munimkazia.com中没有提取页面的javascript代码

EN

回答 1

Stack Overflow用户

发布于 2011-02-16 00:57:15

哈-砰#!URL的可以被Google索引,这就是它们的全部意义,否则人们只会自己使用散列#。

我认为这个想法是谷歌看到的#!URL并将其转换为querystring参数,例如。example.com/#!/products/123/ipod-nano-32gb变成了example.com/?_escaped_fragment_=/products/123/ipod-nano-32gb,但是用户仍然使用散列表URL。编写服务器程序以响应?_escaped_fragment_参数,但是JavaScript用户被重定向到正确的#!URL。

查看这里的Google规范,http://code.google.com/web/ajaxcrawling/docs/getting-started.html

我不认为使用这两种类型的URL是个好主意,因为有两个URL被同一页面的用户在博客、Twitter等上发布,编写代码来可靠地处理它也是一场噩梦。在HTML5历史API得到更广泛的支持之前,您可能不得不暂时接受散列表。

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

https://stackoverflow.com/questions/5013811

复制
相关文章
页面的背景音乐加载很慢
由于我在页面中了<audio>标签来播放一首背景音乐,该音频是一首大小为2.7MB的MP3文件。在第一次加载该页面时,需要花费相当长的一段时间去加载音频。
雨临Lewis
2022/01/11
1.5K0
vue 重新加载页面_页面重新加载
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/03
4.6K0
页面加载代码
在footer文件添加以下内容 少女祈祷中... document.onreadystatechange = function()   //当页面加载状态改变的时候执行function {    if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0]; df.style.display="none";   } } 自
云计算小黑
2022/12/28
3.1K0
JavaScript判断页面是否已经加载完毕
  在做针对CheckBox框点击事件的时候,发现点击以后有时候会报错,但是是生成的JavaScript的代码的内部错误,无法判断到底是什么地方有问题。就一直在找问题。刚刚突然想到可能与页面的加载状态有关。就来试了试果然如此。
aehyok
2018/09/11
2.4K0
页面加载代码
在footer.php文件最下面添加以下内容 院长正在为您加急渲染... document.onreadystatechange = function()   //当页面加载状态改变的时候执行function {    if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0];
院长技术
2022/03/10
3K0
指定 WordPress 页面按需加载 JavaScript
在 wordpress 主题或插件中加载 JavaScript 时,官方推荐的方法是使用 wp_enqueue_script() 来加载,该函数可以指定 JavaScript 的依赖库,指定 JavaScript 文件的版本,设置在页面头部或者底部加载,非常灵活和方便。但是,该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是,我们可以通过 WordPress 的函数自己动手来实现这个功能。
许都博客
2021/06/15
2.3K0
JavaScript 页面资源加载方法onload,onerror总结
……如果加载失败怎么办?例如,这里没有这样的脚本(error 404)或者服务器宕机(不可用)。
winty
2021/03/11
4.5K0
页面加载性能优化
因此大家都开始注重性能优化,很多厂商都开始做一些性能优化。比较有名的是雅虎军规,不过随着浏览器和协议等的发展,有一些已经逐渐被淘汰了。因此建议大家以历史的目光看待它。比如.尽量减少HTTP请求数这一条,在HTTP2协议下就不管用了,因为HTTP2实现了HTTP复用,HTTP请求变少,反而降低性能。因此一定要结合历史环境看待具体的优化原则和手段,否则会适得其反。
lucifer210
2019/08/16
2.3K0
WordPress 技巧:使用 defer 延迟加载 JavaScript 程序,加快页面渲染
这种情况大家都可能遇到过:就是 head 中有 N 个脚本,当加载这些脚本的时候就会阻塞页面的渲染,也就是常说的空白,当然我们可以把源代码中的脚本放到 footer 来解决,但是一些复杂的开发环境让这个简单的工作变得异常复杂。
Denis
2023/04/15
4500
elementui的loading加载页面的使用方式
elementui的loading加载页面使用十分简单灵活,参考下面方式 this.loading=this.$loading({ lock: true, text: "正在连接...", spinner: 'el-icon-phone-outline', background: 'rgba(0, 0, 0, 0.7
唯一Chat
2022/10/28
1.3K0
使用 Google Analytics 统计页面加载时间
Google 已经把页面加载速度纳入了页面排名影响因素,所以现在建立一个对搜索引擎友好的站点,除了要进行 SEO (页面优化和获取外链即)之外,还要考虑选择一个运行稳定而且速度不错的主机,以及网站程序的优化。
Denis
2023/04/14
1.7K0
使用 Google Analytics 统计页面加载时间
给Emlog添加页面加载(加载中)特效
为了加强浏览者的体验,不在等待页面加载时感到枯燥,从而关闭网页,很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程,加载完成后提示消失,大部分都应用在网站的首页,今天我教大家把这一特效添加到Emlog主题中。要实现该特效同样要用到jquery,如果大家和我目前用的主题一样,为了实现其它特效已提前加载了jquery,那么正好充分利用jquery的强大功能,添加此特效何乐而不为呢?当然仅仅为了实现这个特效,而去加载50几K的jquery就有点得不偿失了。
用户8099761
2023/05/10
9990
css实现页面加载动画
一.代码 <div id="loading"> <div id="loader-wrapper"> <div id="loader"></div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> <div class="load_title">正在加载中...........</div>
小小咸鱼YwY
2020/08/11
3.8K0
使用原生 JavaScript 在页面加载完成后处理多个函数
网页中的 JavaScript 脚本运行是需要通过事件去触发的。一般的做法就是在网页中,直接编写几个函数,有的在代码被加载的时候就被浏览器处理,或者使用类似下面的代码来触发实现函数的相关功能。
Denis
2023/04/15
2.8K0
IE之页面加载慢.
场景 场景是大屏页面一张深色背景, 里面一些文本元素以及图表展示. 结果在IE下发现加载异常缓慢, 还有部分人员反馈页面卡死. 后台读写优化 默认处理图片逻辑是, ImageIO读取原图, 转成byt
用户1216491
2018/01/24
2.4K0
输入URL到页面加载
https://juejin.im/entry/58ce00c5ac502e00589b4bde
tanoak
2018/10/10
1K0
输入URL到页面加载
php 加载页面时间函数
/** * 加载时间 * @return bool */ function timer_start() { global $timestart; $mtime = explode( ' ', microtime() ); $timestart = $mtime[1] + $mtime[0]; return true; } timer_start(); function timer_stop( $display = 0, $precision = 3 ) { global $timestart, $timee
九霄道长
2021/03/02
3.6K0
android Fragment单页面加载,避免重复加载(懒加载)分析
上面两个页面都是 ViewPager + Fragment实现,Viewpager + Fragment情况下,fragment的生命周期因Viewpager的缓存机制而失去了具体意义
再见孙悟空_
2023/02/10
1.4K0
android Fragment单页面加载,避免重复加载(懒加载)分析
Android 9.0使用WebView加载Url时,显示页面无法加载
最近使用WebView加载Url显示页面,因为之前已经使用过很多次这种方式了,打包后在6.0的测试机上测试没什么问题,然后安心的将包给测试,测试大佬的手机系统是Android 9.0的,所以就出现了页面无法加载的情况,还以为是自己代码哪里写错了,检查了很多遍都没发现什么问题,然后在5.0,7.0,8.0的测试机上测试都没问题,那就想到是9.0系统问题了,先看页面报错图:
SoullessCoder
2019/08/07
7.3K0
Android 9.0使用WebView加载Url时,显示页面无法加载
点击加载更多

相似问题

无缝页面加载

20

在javascript中加载页面上播放音乐

11

无缝页面加载导航

10

使用javascript元素无缝加载页面的最佳方法是什么?

11

如何通过javascript加载页面?

31
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文