草庐IT

移动端适配

全部标签

javascript - iPhone 应用程序和移动 safari 之间是否有任何共享状态?

我有一个网站和一个本地iPhone应用程序。该应用程序注册了一个自定义协议(protocol)。我希望网站在适当的时候自动重定向到协议(protocol),但前提是用户安装了应用程序(以避免烦人的对话框)。这意味着我需要从应用程序中写入一些我可以在移动safari中读取的状态,以将应用程序标记为已安装。Cookie似乎不存在跨进程。还有其他地方可以存放我的标记吗? 最佳答案 看this博客文章,了解Apple如何为MobileMeGallery应用程序做到这一点。它涉及应用程序在Safari中打开一个网站(在您的服务器上),该网站将

javascript - 如何将光标移动到其中包含文本的文本框的前面?

我有这个文本框:和这段代码:varinputText="HelloWorld";$(document).ready(function(){$("#url-input").focus();$("#url-input").val(inputText);});实际上,光标显示在文本框末尾的“HelloWorld”字样之后(无论我以何种顺序添加焦点或更改值)。我怎样才能把它移到前面?谢谢编辑-这是jsFiddle:http://jsfiddle.net/dmRND/ 最佳答案 在合适的网络浏览器中,您可以访问表示选择的selectionSt

javascript - 将图像移动到鼠标的位置?

对Javascript非常新,只是想学习:)我想要做的是在默认位置有一个图像(最终将是一个Sprite),然后当我在屏幕上单击鼠标右键时,我希望图像逐渐移动到那个位置?我做了一些研究,但找不到具体的。最终我想要一个可以使用鼠标右键在屏幕上移动的动画游戏Angular色。 最佳答案 就像其他人所说的远离右键单击一样,这里是一个使用jQuery的示例。LiveDemovar$follower=$("#follower"),mouseX=0,mouseY=0;$(document).click(function(e){mouseX=e.p

javascript - 使用 JavaScript 将图像从 A 移动到 B

这是我第一次来这里,我不知道如何缩进这个抱歉:/我有一张面包车的图片,我正试图将它移过屏幕,让它看起来就像在开车一样。完成后,我将缩放图像,使其看起来好像在移动(并变小)。我需要在没有任何包(例如JQuery)的情况下使用标准javascript完成此操作。我得到的是一辆货车,由于我无法抛anchor的原因,它沿着两条路径而不是一条路径行驶。同样朝错误的方向移动(它应该沿着路径y=-25x移动,这样每向右移动25个像素它应该向上移动1个像素)。为了说明我想要实现的目标,请看这张图片:http://i.stack.imgur.com/9WIfr.jpg这是我的javascript文件:v

javascript - 使用 Soundcloud Javascript SDK 进行流式传输后,如何在上一首轨道完成后自动移动到下一首声音?

我是Javascript和SoundcloudSDK的新手,所以如果我当前的解决方案与基础相去甚远,请告诉我如何改进它。我正在构建一个自定义的Soundcloud播放器,而不是使用预构建的小部件。我希望在轨道播放完毕后自动移至下一首轨道。我希望能够在不使用Soundcloud播放列表的情况下完成此操作。相反,我将拉入要播放的轨道的JSON列表。我可以通过单击链接来播放、暂停、停止和跳过轨道,但我不确定如何判断轨道何时完成播放以触发nextTrack函数。有什么建议吗?SoundcloudJavascriptSDK流媒体API:http://developers.soundcloud.c

javascript - window.onscroll 移动等效?

在桌面浏览器上,window.scroll在浏览器滚动时持续触发。但是,在我对iOS和AndroidChrome的测试中,它仅在滚动完成时触发。我试过了touchmove但这具有相同的行为-仅在运动结束时触发。移动设备上是否有持续触发的事件,如桌面浏览器? 最佳答案 显然没有办法通过它,因为“iOS设备在滚动事件期间卡住了DOM操作”!查看此链接的滚动开始部分!http://demos.jquerymobile.com/1.0/docs/api/events.html 关于javascr

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - PhantomJS 捕获移动浏览器的屏幕截图

我试图用PhantomJS创建一个网络截图,但我得到的图像是移动浏览器。我正在使用MACOS优胜美地。这是我的JavaScript:屏幕.jsvarWebPage=require('webpage');page=WebPage.create();page.open('http://www.apple.com');page.onLoadFinished=function(){window.setTimeout(function(){page.render('appleScreenShot'+'.png');phantom.exit();},2000);}这是我的命令行代码phantomj

javascript - Ember -- JSON API 适配器错误处理

我想在API请求导致404错误时采取特定操作。我读过,执行此操作的适当方法是处理应用程序适配器中的错误,如下所示:handleResponse:function(status,headers,payload){if(status===404&&payload.errors){//handleerror}returnthis._super(...arguments);}问题是,一旦我设置了适配器,它就不会完成加载页面,所以我可以处理页面本身的错误。相反,它会自动将我带到一些只显示“适配器错误”的错误路径。我怎样才能停止/覆盖这种行为? 最佳答案

javascript - 防止横向移动网站

这个问题在这里已经有了答案:Blockingdevicerotationonmobilewebpages(9个回答)关闭5年前。目前,我正在我的网站上工作。移动版快完成了。但是如果我横向旋转我的屏幕(例如智能手机),它看起来很可怕。我试图用查询来改变它,但结果不是很好。有没有办法锁定方向,使其始终保持纵向模式?编辑:我想也许我可以对高度和宽度做点什么。因此,如果屏幕的宽度大于高度,则主体应旋转90度。