javascript

java

python

c#

android

node.js

reactjs

c++

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

JavaScript-iPhone / iPad触发意外的调整大小事件

我正在开发网站的移动版本。 我正在尽可能地使用媒体查询和CSS,但是我也在使用一些javascript,例如,将导航功能转换为较小设备上的折叠/展开列表,以节省空间。

为了处理所有这些,我试图使用window.resize事件。 调整大小时,这可以在桌面浏览器上发生魔力,但是当我不希望它们出现在iPad / iPhone上时,我会收到调整大小事件。

在桌面浏览器上,仅当我实际调整窗口大小时,才会收到一个调整大小事件。 在移动浏览器上,当我改变方向(预期)时会收到resize事件,但是当我切换以展开/折叠某些东西时也会得到此事件。

这是一个简单的例子:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Resize test</title>
<style>
.box {height: 10000px; background: green; display: none;}
</style>
<script>
$(function(){
    $(".opener").click(function(){
        $(".box").slideToggle();
    });
    $(window).resize(function(){
        alert("resized");
    });
});
</script>
</head>

<body>
<a href="#" class="opener">Open/close me</a>
<div class="box"></div>
</body>
</html>

当您单击桌面浏览器上的链接时,没有警报。 单击iPhone / iPad上的链接,您将收到警报。 这是怎么回事?

trans by 2020-01-17T17:02:14Z

性能-Backbone说,React-Redux应用程序真的可以扩展吗? 即使重新选择。 在手机上

在Redux中,对存储的每次更改都会在所有连接的组件上触发notify。 这使开发人员的工作变得非常简单,但是如果您的应用程序具有N个连接的组件,并且N非常大,该怎么办?

商店的每次更改(即使与组件无关)仍会在商店的2702477354374530030050ed路径上运行notify,并进行简单的_.debounce测试。 很快,对吧? 当然,也许一次。 但是N次,每次改变吗? 设计上的这一根本性变化使我质疑Redux的真正可扩展性。

作为进一步的优化,可以使用_.debounce分批处理所有notify调用。即使如此,对每个商店更改进行N ===测试并处理其他逻辑(例如视图逻辑),似乎是一种解决方法。

我正在开发一个拥有数百万用户的健康与健身社交移动网络混合应用程序,并且正在从Backbone过渡到Redux。 在此应用程序中,向用户显示了可滑动界面,该界面使他们可以在类似于Snapchat的不同视图堆栈之间导航,但每个堆栈都具有无限深度。 在最流行的视图类型中,无限滚动器可以高效地处理提要项(如帖子)的加载,渲染,附加和分离。 对于一个敬业的用户来说,滚动浏览成百上千的帖子,然后输入一个用户的供稿,然后输入另一个用户的供稿,等等并不罕见。即使进行了大量的优化,连接的组件也会变得非常庞大。

现在,另一方面,Backbone的设计允许每个视图精确地听取影响它的模型,从而将N减小为常数。

我是否缺少某些东西,还是Redux在大型应用程序方面存在根本缺陷?

trans by 2020-01-14T16:05:32Z

html5-使用Cursor:Poin触摸/按对象时禁用蓝色突出显示

每当在Chrome中触摸应用了cursor:pointer属性的Div时,就会出现一个蓝色突出显示。我们如何摆脱它?

我尝试了以下方法:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

但是它们不会影响按光标时的蓝色突出显示。

trans by 2020-01-09T17:15:21Z

javascript-如何使用JS / jQuery检查浏览器对touchstart的支持?

为了遵循最佳实践,我们尝试根据您使用的设备使用适当的JavaScript / jQuery事件。 例如,我们正在构建一个带有标签的移动网站,该标签将具有onclick或touch事件。 对于iPhone,我们希望使用“ touchstart”事件。 在将处理程序绑定到对象之前,我们想测试他们的设备是否支持“ touchstart”。 如果不是,那么我们将绑定“ onclick”。

做这个的最好方式是什么?

trans by 2020-01-06T03:00:55Z

如何模拟移动设备并在Firefox浏览器中进行调试?

我正在寻找一种工具,该工具可以在移动设备模式下显示我的网站。 我还想用Firebug或...调试工具来调试我的网站,甚至更好地可以使用Firebug。有什么可行的解决方案?

trans by 2019-12-27T06:23:16Z

android-禁止在所有移动设备中滚动

听起来好像应该在整个Internet上找到解决方案,但是我不确定为什么找不到它。 我想在移动设备上禁用水平滚动。 基本上试图做到这一点:

body{
   overflow-x:hidden  // disable horizontal scrolling.
}

这可能是相关的信息:我的头部标签中也有此信息,因为我也不希望用户能够缩放:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />

谢谢

trans by 2019-12-24T16:39:48Z

YouTube自动播放无法在具有嵌入式HTML5播放功能的移动设备上运行

对于我的问题,我有一个链接<a href="http://www.youtube.com/embed/YT-ID" class="overlay_video"></a>。我想通过在fancybox叠加窗口中单击链接来播放视频。 这不是问题。 问题是参数,例如“自动播放”或“自动隐藏”。

以下链接无效:

<a href="http://www.youtube.com/embed/YT-ID?autoplay=1" class="overlay_video"></a>

覆盖窗口已打开,但视频未自动播放。

编辑:我想在移动设备上使用HTML5播放器。 在桌面浏览器上,它可以使用参数,但不能在移动设备上使用。

trans by 2019-11-13T18:49:01Z

基于http请求检测Web应用程序中的移动浏览器的标准方法

我们开始沿着对企业电子商务Web应用程序(基于Java / Servlet)的移动浏览器支持的道路前进。 当然,有许多决定需要做出,但是在我看来,基石是能够可靠地检测移动浏览器,并对要返回的内容做出决定。 有没有一种基于HTTP请求(快速)进行确定的标准方法,并且理想情况下可以收集有关发出请求的给定浏览器和设备的更多信息(屏幕大小,html功能等)。

我也将不胜感激那些曾经采用现有大型企业Web应用程序并从开发方面设计出移动浏览器支持的人所提供的任何补充信息。

[edit]我当然理解请求标头,并且有关标准用户代理数据库的信息是很大的帮助。 对于那些谈论“其他”请求标头属性的人,如果您可以包括类似的标准化名称/值资源,那将是一个很大的帮助。

[edit]几个用户已经提出了解决方案,其中涉及通过有线方式调用将进行检测的某些Web服务。 虽然我敢肯定这是可行的,但对于企业电子商务网站而言,它不是一个好的解决方案,原因有两个:1)速度。 对于向第三方的每个页面请求,通过电线进行的呼叫都将对性能产生巨大影响。 2)依存关系/合法。 我们会将网站的响应时间和关键功能与他们的服务联系在一起,由于法律和风险原因,这太可怕了。

trans by 2019-11-09T11:04:39Z

Android中有什么方法可以强制打开要在Chrome中打开的链接?

我目前正在测试使用许多jQuery动画开发的Web应用程序,并且我们注意到内置Web浏览器的性能确实很差。 在Chrome中进行测试时,webapp的性能令人难以置信地更快。 我只是想知道是否有任何类型的脚本会强制在Android版Chrome浏览器中打开链接,就像在iOS中那样。

trans by 2019-11-05T07:44:58Z

ct-Qt-从布局中删除所有小部件?

这似乎并不容易。 基本上,我通过函数将QPushButtons添加到布局中,并且在函数执行时,我想先清除布局(删除所有QPushButtons和其中的所有其他内容),因为只是将更多按钮附加到了scrollview

标头

QVBoxLayout* _layout;

CPP

void MainWindow::removeButtonsThenAddMore(const QString &item) {

//remove buttons/widgets

QVBoxLayout* _layout = new QVBoxLayout(this);

QPushButton button = new QPushButton(item);
_layout->addWidget(button);

QPushButton button = new QPushButton("button");
_layout->addWidget(button);

QWidget* widget = new QWidget();
widget->setLayout(_layout);

QScrollArea* scroll = new QScrollArea();
scroll->setWidget(widget);
scroll->show();

}
trans by 2019-11-03T06:52:10Z

移动-Microsoft Edge的用户代理字符串名称是什么?

我正在制作一个网站,希望它与即将推出的Microsoft Edge兼容。 更具体地说,它是移动版本。 是否有人知道哪个字符串将标识Edge Mobile浏览器(例如,“ IE Mobile”标识Internet Explorer的移动版本)。

trans by 2019-10-25T12:27:58Z

CSS悬停功能是否可以在移动设备上使用?

CSS悬停功能是否可以在移动设备上使用? 我有一个css悬停类,在常规的Web浏览器上可以正常工作,但在移动浏览器上却不能工作。

trans by 2019-10-14T05:19:53Z

html-使元素不可点击(单击其后面的内容)

我有一个固定的图像,当用户滚动触摸屏(移动)时,该图像会覆盖页面。

我想使该图像“不可点击”或“不活动”或其他,以便用户触摸并从该图像拖动时,其后面的页面仍会滚动,好像该图像不在此处“阻止”了交互。

这可能吗? 如果需要,我可以尝试提供一些屏幕截图,以说明我的意思。

谢谢!

trans by 2019-10-05T17:35:48Z

android-NoSQL移动应用程序?

是否有任何已建立的noSQL数据库解决方案可用于开发本机移动应用程序(Android和/或iO)?

trans by 2019-10-04T01:25:29Z

Android是否有一种Firebug或JavaScript控制台调试?

我正在开发一个手机网站。 它可以在Firefox桌面上使用。 它可以在iPhone上使用,但是当我在Android 2.x(或更低版本)上按按钮时。我的JavaScript代码崩溃了或还有什么...

我可以访问这些设备的记录器或JavaScript控制台吗?

更好的应该是一种Firebug应用程序。

trans by 2019-09-30T05:41:57Z

cordova-PhoneGap使用哪个数据库,大小限制是多少?

我写了一个HTML5数据库,该数据库抽象了localStorage,indexedDB和WebSQL。 使用纯HTML5,我的数据库选项如下所示:

  • IE10-indexedDB-最大1GB
  • FireFox-indexedDB-无限
  • Safari-WebSQL-最大50MB
  • Chrome-IndexedDB(或Web SQL)-无限(使用HTML5 Quota API ref1,ref2)
  • Opera-WebSQL(直到他们切换到Webkit?)-无限制

我想使用PhoneGap或Quota API扩展最大数据库大小。 根据PhoneGap的文档,看起来当前的PhoneGap数据库生态圈是:

  • WebSQL-Android,Blackberry,iPhone和WebOS
  • localStorage-Windows Phone 7
  • indexedDB-Windows Phone 8,我猜想,到处都有indexedDB可用,但WebSQL不可用。

还有PhoneGap Sqlite插件。 iOS,Android,Windows Phone 8+


问题1-我对PhoneGap使用的数据库的理解是否正确?

问题2-是否有可靠的文档来说明给定类型的PhoneGap数据库将存储多少数据? *如果是PhoneGap数据库而不是浏览器数据库实现。

问题3-PhoneGap是否计划遵守Web存储标准,从而放弃WebSQL而使用indexedDB? 如果是这样,一旦切换到indexedDB,我是否仍然可以使用现有的WebSQL代码(通过内置的PhoneGap-polyfill)?

问题4-在数据库大小受到限制且无法通过PhoneGap或Quota API进行扩展但可以访问文件系统的情况下,合理地假设可以将“额外”数据存储在设备的文件系统中,或者 在SD卡上?

trans by 2019-09-29T06:33:45Z

Google Chrome移动模拟器:如何在屏幕键盘上显示

我正在通过Chrome的“移动仿真”工具调试网站的移动版本,但是无法确定选择文本字段时如何弹出屏幕键盘。

我单击了文本框,但是没有弹出键盘。 如果我在移动设备上执行此操作,则会弹出默认输入法(键盘)并允许我键入。

有办法复制吗?

trans by 2019-09-27T19:19:18Z

android-减少通过智能手机radi下载内容的应用对电池的影响

如果我要构建一个智能手机应用程序,该应用程序可以定期从服务器下载数据,并且还间歇性地上传数据(分析,广告等),那么该怎么做才能最大程度地减少这些传输对电池寿命的影响?

使用无线设备(2G,3G,LTE等)进行的传输对电池的影响尤其明显。 关于无线电的功率使用情况,是否应该影响我对何时,什么以及如何传输数据的选择,以最大程度地减少对电池寿命的影响?

trans by 2019-09-27T14:22:55Z

html-网站的Apple Touch图标

到目前为止,我一直在脑海中添加Apple Touch图标行,如下所示:

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

但是,在问答中,“苹果触摸图标的正确像素尺寸是多少?” 在接受的答案中指出,根据Apple的准则,现在需要三张图像。

那么如何将它们插入代码的开头部分呢?

trans by 2019-09-27T07:12:21Z

html-如何使用JavaScript检测移动设备?

我被要求创建一个实际的HTML页面/ JavaScript,以使用JavaScript代码模拟对移动设备(iPhone / iPad / Android)的检测。 然后,这会将用户带到另一个屏幕,询问用户其电子邮件地址。

trans by 2019-09-25T07:40:35Z

1 2 3 4 5 6 7 8 9 下一页 共9页