草庐IT

移动侦测

全部标签

javascript - 在移动网站上获取屏幕分辨率

我正在设计一个移动网站,其中包含一个用于下载壁纸的部分。为了适应很多用户,我希望可以根据屏幕分辨率下载壁纸。我想从JavaScript检测分辨率并显示适当的壁纸。这是我在网上找到并尝试过但失败的xD:width=window.innerWidth||document.body.clientWidthheight=window.innerHeight||document.body.clientHeight;对于分辨率为720x1280的SGS3,我得到了360x567。我应该如何通过JavaScript发现手机的分辨率? 最佳答案 你

javascript - 使用 jQuery 将一个 DIV 的内容移动到另一个 DIV

http://www.frostjedi.com/terra/scripts/demo/jquery02.html根据thislink可以通过$('#container1').append($('#container2'))来移动元素。不幸的是,它似乎对我不起作用。有什么想法吗? 最佳答案 参见jsfiddlehttp://jsfiddle.net/Tu7Nc/1/你必须不完全附加你的div,而是你的div的内容(内部HTML)和Jquery的html()函数。HTML:aaabbb​J查询:$("#1").append($("#2

javascript - 是否有类似于 iOS 的 canOpenURL 的东西来检查移动浏览器的 URL 方案?

这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:iPhoneSafari:checkifURLschemeissupportedinjavascript?我正在使用pic2shop为移动网络应用程序提供条形码扫描。对于iOS,可以检查[canOpenURL]以查看特定方案是否有效(tel://、pic2shop://)。移动浏览器(iOS、Android等)中是否有提供相同功能的内容?

javascript - 谷歌浏览器移动版 (Nexus 7) |表单提交不起作用

我在登录我的网站时遇到问题,该问题似乎出现在移动chrome浏览器中(但适用于某些手机中提供的web-kit浏览器)。我正在努力尝试在平板电脑上进入“开发者模式”,但我希望其他人遇到过这个问题,并能在我弄清楚如何实际调试它时为我指明正确的方向。它是一个JSF2应用程序(基于Bootstrap2.2的Primefaces)作为UI。我的表单看起来像这样(第二组“onblur”调用是有意查看是否有帮助——但它没有):functioncopyValue(sourceId,targetId){varsource='#{cc.attrs.id}:'+sourceId;vartarget='#{c

javascript - 如何让 JqueryUI Sortable 与缩放/缩放一起工作 - 鼠标移动

我正在尝试让JqueryUISortable与缩放一起工作。问题是鼠标的移动速度与您拖动的元素不同。有很多关于如何使用Draggable进行此操作的示例。以下是可拖动项的解决方法示例:http://jsfiddle.net/TqUeS/660/varzoom=$('#canvas').css('zoom');varcanvasHeight=$('#canvas').height();varcanvasWidth=$('#canvas').width();$('.dragme').draggable({drag:function(evt,ui){//zoomfixui.position.

javascript - setTimeout 不适用于 safari 移动版

我有一个功能,点击它时会显示一个菜单,我希望它在5秒后消失。这是我的javascript-它在桌面浏览器上正常工作,但在移动浏览器上不会消失。$(function(){$('#prod_btn').click(function(){$(this).addClass('selected').next('ul').css('display','block');setTimeout(hideMenu,5000);});});functionhideMenu(){$('#prod_btn').removeClass('selected').next('ul').css('display','n

javascript - evt.preventDefault 在 IE 和 Edge 中无法处理鼠标移动事件,甚至尝试过 evt.returnValue = false;但无法阻止传播

我有一个可调整大小的div。在尝试调整它的大小时,整个页面都被选中为蓝色,即使我不打算在iE和Edge中这样做。我尝试了网上显示的许多解决方案,但没有任何效果。下面是我的代码。我无法阻止鼠标移动事件的默认操作。我在ownerDocument上监听鼠标移动事件。下面的代码在chrome和mozilla中按预期工作我通过检查evt变量在控制台中看到,在停止传播阻止之前默认为true,在停止传播阻止之后默认为false。与谷歌浏览器的行为相同,但仍然不明白为什么整个页面都被选中react代码:privateMouseDown(evt:any){this.viewState.resizing=

asp.net - 移动设备 Javascript/CSS 支持。外面有什么?

我即将开始一个针对iPhone、黑莓和WindowsMobile浏览器的ASP.NET应用程序。除了iPhone,我找不到太多关于这些平台支持哪些技术的信息。因为我习惯于为桌面浏览器开发,所以我喜欢使用jQuery和高级CSS功能等东西。看来我将无法在移动平台上使用这些东西。我想知道是否有人知道优秀的开发人员资源,我可以在其中找到适用于移动浏览器的资源(例如适用于移动设备的quirksmode.org)。据我所知,jQuery不适用于移动浏览器(iPhone除外)。有谁知道以某种形式将jQuery移植到移动浏览器的尝试吗?我说jQuery是因为这是我现有网站使用的,我想保持一致性,但如

javascript - 使用 Javascript 强制移动浏览器缩小

在我的网络应用程序中,我有一些缩略图,单击它们会打开一个灯箱。在移动设备上,缩略图很小,用户通常会放大。问题是当他们点击播放时,灯箱在可视区域之外(他们必须滚动到灯箱才能看到视频)。是否可以强制移动浏览器缩小以便他们可以看到整个页面?让页面更具响应性现在不是一个选择;这是一个相当大的Web应用程序,需要花费大量时间进行重构。 最佳答案 挖掘了很多其他问题,试图缩小某些内容以适合整个页面。这个问题与我的需求最相关,但没有答案。我找到了thissimilarquestion它有一个解决方案,虽然实现方式不同,但不是我需要的。我想到了这个

javascript - Three.js 围绕物体旋转相机(可能会移动)

我有一个相机在场景中以几种不同的方式移动。相机应围绕目标位置旋转。在我的例子中,这是用户瞄准的网格上的一个点。因为相机通常不需要相对于这一点移动,所以我无法在这里使用枢轴的想法:https://github.com/mrdoob/three.js/issues/1830.我当前的解决方案使用以下代码:varrotationY=newTHREE.Matrix4();varrotationX=newTHREE.Matrix4();vartranslation=newTHREE.Matrix4();vartranslationInverse=newTHREE.Matrix4();varmat