草庐IT

移动开发Android

全部标签

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 - 等到 Webpack 开发服务器准备就绪

要求我需要运行webpack-dev-server并等待服务器准备好提供页面。解决方案//Startawebpack-dev-servernewWebpackDevServer(webpack(myConfig),{publicPath:myConfig.output.publicPath,hot:true,historyApiFallback:true,//Itsuppresserrorshowninconsole,soithastobesettofalse.quiet:false,//Itsuppresseverythingexcepterror,soithastobesettof

javascript - 防止横向移动网站

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

javascript - 如何为 iphone 开发看起来像 native 应用程序的网页?

如果您在iPhone上查看某些Google页面(即mail.google.com/tasks),它们看起来很像原生iPhone应用程序。有谁知道他们是如何让它模仿native应用程序的外观的,是否有描述如何做到这一点的资源?还有人可以从客户端safari浏览器上的javascript访问任何iphone硬件数据(即加速度计数据、gps信息)吗?我想不会,但我想我还是会问的。 最佳答案 在Google上搜索“HTMLiphone”会得到大量答案。您需要密切注意iphone的条件HTML。这篇文章似乎涵盖了外观/感觉所需的大量信息:ip

javascript - 在移动网站中处理 iPhone 事件(如向左滑动)

iPhone浏览器是否有我可以使用Javascript连接的特殊事件?例如,如果用户向左滑动,我想执行某个操作。如果有这样的事件可用,很高兴看到所有这些事件的引用。理想情况下,有一天会出现适用于所有触摸屏移动浏览器的标准。 最佳答案 您可以访问多点触控事件和手势,但您可能需要自己处理大量的底层管道。这是Apple的指南:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/Handl

javascript - 配置Rails在开发和生产中使用不同的js

我希望Rails在开发和生产模式下注入(inject)不同的js文件。例子:发展:生产:是否可以在Rails3中实现?问候,阿列克谢·扎哈罗夫 最佳答案 至少从Rails3开始,您可以将符号:defaults传递给javascript_include_tag助手,该符号在config/application.rb中定义在变量config.action_view中。javascript_expansions[:defaults]=这目前将被注释掉,并且始终至少包含application.js。如果您想为生产和开发定义一组不同的默认值,

javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

这听起来好得令人难以置信,所以如果是这样请告诉我。如果我只有一个单一版本的移动网站(没有变体不同的设备,所有手机只有一个网站),它的可靠性如何通过屏幕分辨率检测移动设备?如果屏幕分辨率小于400像素,则只需提供移动版本。注意:我的问题假定启用了javascript。另外,我知道有用户代理检测,但我不想使用它。 最佳答案 Javascript移动设备屏幕高度检测根本不可靠。问题是不同的浏览器使用不同数量的“chrome”,不同的操作系统版本对系统栏使用不同的高度。所有检测机制报告的高度都不可靠(screen.height、window

Javascript 库或 jquery 插件,用于在移动 safari/ipad 中创建基于滑动的轮播

你看过yahoo的ipad/tablet主页吗?浏览标题的滑动效果令人印象深刻。我在jquery中看到了一些解决方法(使用循环插件+touchwipe插件),但这些都只是检测用户手势然后运行​​x-绝对位置动画,而不是实际跟踪用户的手势。知道类似于雅虎的解决方案吗? 最佳答案 找到解决方案:http://cubiq.org/iscroll-4使用“对齐”选项重新创建轮播效果。 关于Javascript库或jquery插件,用于在移动safari/ipad中创建基于滑动的轮播,我们在Sta

javascript - jQuery滚动条移动时如何隐藏Div?

我只希望#menu在滚动条移动时淡出以提供一个不那么困惑的界面。是否有允许这样做的代码?我想基本上我正在寻找的是如何获取滚动条移动事件。在滚动1秒后慢慢淡出#menu并在滚动条不活动2秒后恢复#menu。非常感谢! 最佳答案 var$menu=$("#menu");varopacity=$menu.css("opacity");varscrollStopped;varfadeInCallback=function(){if(typeofscrollStopped!='undefined'){clearInterval(scrollS

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'