那些遇到过的问题

相关疑难解决方法(0)

如何防止脚本在移动设备上运行？

我的网站具有粘性导航,但它不适用于移动设备...

如何在移动设备上粘贴它,或者如何防止粘性(当然保持导航)？

我到处寻找答案,但找不到一个有效(并没有禁用我的导航:)你的帮助非常感谢!

这是我的index.html标题的一部分:

<head>

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/smooth-scroll.js" type="text/javascript"></script>
<script src="js/jquery.sticky.js" type="text/javascript"></script>
<script src="contactform.js" type="text/javascript"></script>

<!-- sticky nav -->
<script type="text/javascript">
$(window).load(function(){
$("nav").sticky({ topSpacing: 0, className: 'sticky', center: true });
});
</script>

</head>
Run Code Online (Sandbox Code Playgroud)

这是jquery.sticky javascript中的代码:

(function($) {
var defaults = {
        topSpacing: 0,
        bottomSpacing: 0,
        className: 'is-sticky',
        center: false
    },
    $window = $(window),
    $document …
Run Code Online (Sandbox Code Playgroud)

javascript iphone mobile ipad

Ste*_*aan
2015 02-11
5
推荐指数
1
解决办法
1万
查看次数

如何为移动设备重定向单个页面？

我正在尝试找到一个解决方案,将单个页面从我的WordPress网站重定向到移动版本(我不想将所有移动用户的所有页面重定向到不同的页面或主题,只有一页).

但是,我还没有找到一个可以做到这一点的插件.无论如何,我只是想找一个简单的方法让移动设备重定向到我的单页,希望通过一种不断"更新"自己的方法,如DetectMobileBrowsers或WURFL.

在线完成了一些研究之后,我遇到了一些可以区分WordPress网站上不同页面的PHP代码,例如:

<?php if (is_page(1111)) {…….}; ?>
Run Code Online (Sandbox Code Playgroud)

我正在考虑做的是在PHP代码中放置一些移动重定向脚本,这样我就可以实现我的目标,即只需要在我的网站上的一个页面上进行移动重定向.

但是,我试图将来自detectmobilebrowsers.com的代码(包括PHP和Javascript)放入PHP代码中,并且尝试将它放在header.php和page.php中都无济于事(事实上,它崩溃了我的网站)大多数情况下,或只是不起作用).我错了吗？我使用错误的代码吗？我需要一个插件来帮助解决这个问题吗？

----更新2 ----

我下次尝试代码:

add_action( 'template_redirect', 'redirect_so_19285382' );

function redirect_so_19285382() 
{
    if (is_page(2766))
        return;

    if( is_mobile_detectmobilebrowsers_com() ) { wp_redirect( site_url( 'http://lifebyjohn.com/mobile-schedule' ) ); exit(); }
}

function is_mobile_detectmobilebrowsers_com()
{
    $useragent=$_SERVER['HTTP_USER_AGENT'];
    return 
        preg_match(     '/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i', $useragent ) 
    || preg_match( '/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i', substr( $useragent,0,4 ) );
}
Run Code Online (Sandbox Code Playgroud)

javascript php wordpress mobile redirect

Joh*_*ohn
2013 10-18
5
推荐指数
1
解决办法
3190
查看次数

如何知道移动设备是否显示桌面？

我见过很多问题询问如何检测设备是否是移动设备。一般来说，它们分为三类：

  1. 检查屏幕尺寸/视口
  2. 检查用户代理
  3. 使用Modernizr等库来解决浏览器功能。

在实施了我能做的事情之后，我仍然遇到了一种我从未见过的情况，从未被问及或解决过；在许多移动浏览器上，都有“请求桌面站点”(Chrome)、“桌面模式”(Dolphin) 或“桌面视图”(HTC Sense)。

在此输入图像描述

我选择了上面的策略#1，除非在桌面模式下查看页面，否则该策略有效。实现#2 有缺点（欺骗、未编目代理等）。

是否有可靠的（跨浏览器）方法来使用Javascript 检测移动浏览器上的桌面模式？jQuery 或其他库都可以，但它应该基于功能检测，而不是用户代理数组。

javascript mobile desktop

Sab*_*ste
2022 09-28
5
推荐指数
1
解决办法
1713
查看次数

Display:none 对于视频元素，它仍然会被缓冲吗？

我有一个网站，首页标题下方播放视频，该视频非常大，我正在使用媒体查询将其从移动浏览器等中删除。

它显示得很好，正如我想要的那样。

但我想知道，如果我简单地将其设置为display:none，它还会在后台缓冲吗？那么手机用户的加载时间会无缘无故变慢吗？如果是这样的话我该怎么办？

我搜索了这个问题，只找到了一个远程相关的问题。但问题是代码是否会被加载。我可以忍受加载额外的 HTML 行。所以这不是问题。

html css media-queries responsive-design

Rob*_*bin
2017 03-08
5
推荐指数
1
解决办法
1万
查看次数

R Shiny 应用程序检测手机

我有一个闪亮的应用程序（实际上是一个交互式 R Markdown 报告），我想根据用户是否在移动设备上对其进行格式化。我发现g3rv4的这篇博客文章描述了如何测试这一点，但我无法让它在下面的示例应用程序中工作。

https://g3rv4.com/2017/08/shiny-detect-mobile-browsers

我是一名建模者，而不是程序员，所以我可能在 Javascript 方面做错了一些事情。我没有收到错误，但没有收到任何输出textOutput('isItMobile')。

# shiny example from
# https://shiny.rstudio.com/tutorial/written-tutorial/lesson1/
# mobile detect code from
# https://g3rv4.com/2017/08/shiny-detect-mobile-browsers
library(shiny)

onStart <- function(input, output) {

  ### function to detect mobile ####
  mobileDetect <- function(inputId, value = 0) {
    tagList(
      singleton(tags$head(tags$script(src = "js/mobile.js"))),
      tags$input(id = inputId,
                 class = "mobile-element",
                 type = "hidden")
    )
  }

}

# Define UI for app that draws a histogram ----
ui <- fluidPage(

  # App title ----
  titlePanel("Hello Shiny!"),

  mobileDetect('isMobile'), …
Run Code Online (Sandbox Code Playgroud)

mobile r shiny

Sim*_*ard
lucky-day
5
推荐指数
1
解决办法
3018
查看次数

如何阻止JS功能在移动设备上运行？

我运行了以下代码,如果您使用移动设备,我需要停止它 

jQuery(document).ready(function($){
    var inHeight = $("#wrapper").innerHeight();
    $("#wrapper .col").each(function(){
        $(this).height(inHeight+"px");
        $(this).find('.content').height((inHeight-60)+"px");
    });
});
Run Code Online (Sandbox Code Playgroud)

我可以使用像if($(window).width()<600){ /* do something */ }If这样的东西吗？我应该在弯曲的括号之间写什么？

谢谢!

javascript jquery function

Nes*_*sta
lucky-day
4
推荐指数
1
解决办法
1557
查看次数

可以根据设备屏幕大小关闭引导工具提示吗？

我已经在网站上实现了引导工具提示,它们在桌面屏幕上运行良好.但它们对较小的设备证明是有问题的.单击小屏幕设备上的链接而不使用悬停功能只会显示工具提示,而不是单击到链接目标.有没有办法关闭或禁用较小设备的工具提示,可能在jquery代码中使用某种检查？

css jquery twitter-bootstrap

Bob*_*ter
lucky-day
4
推荐指数
1
解决办法
6771
查看次数

移动设备检测

我需要精确的功能来检测移动平台（手机和平板电脑）。

关于这个问题有两个很棒的答案：

  1. 检测移动浏览器
  2. 检测移动设备的最佳方法是什么？

但第一个解决方案基于http://detectmobilebrowsers.com/，并非在所有情况下都有效。例如，它无法识别Motorola Moto Z为移动平台：

window.mobileAndTabletcheck = function() {
  var check = false;
  (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
  return check;
};
Run Code Online (Sandbox Code Playgroud)

这两个主题都有 7-9 年的历史，这可能是它们不支持最新版本的原因。

对于现代移动设备有任何经过验证的解决方案吗？

javascript mobile responsive-design

Ale*_*huk
2019 09-28
4
推荐指数
1
解决办法
9425
查看次数

移液检测冷冻

有没有办法检测用户是否仅使用coldfusion在移动设备上？

  1. 我没有做移动重定向.
  2. 我正在使用CSS媒体查询来更改布局以适应屏幕宽度.
  3. 我只是想做一个简单的如果移动渲染这个信息,而不是渲染这个信息,而不是整个网站的部分.(例如:如果移动[show jquery animation]其他显示[link])
  4. 我不想浪费时间渲染两者,如果只是对不显示的信息进行显示无论如何.
  5. 没有javascript移动检测(人们可能在他们的浏览器上关闭了javascript)

coldfusion mobile detection

mei*_*OrO
lucky-day
3
推荐指数
1
解决办法
1万
查看次数

使用CSS在移动设备上隐藏div

我想在移动设备上隐藏包含facebook likebox小部件的div.我试过这个,但它不起作用.

div代码:

<div id="facebook" class="fb-like-box mobile-hide" data-href="https://www.facebook.com/mypage" data-width="220" data-height="250" data-show-faces="true" data-stream="false" data-header="true"></div>
Run Code Online (Sandbox Code Playgroud)

css代码:

@media screen and (min-width: 0px) and (max-width: 720px) {
  #facebook { display: none; }
  .mobile-hide{ display: none; }
}
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么？它使用id或类引用不起作用.

html css mobile hide

Chr*_*tis
2015 07-01
3
推荐指数
3
解决办法
9万
查看次数

标签 统计

mobile ×7

javascript ×5

css ×3

html ×2

jquery ×2

responsive-design ×2

coldfusion ×1

desktop ×1

detection ×1

function ×1

hide ×1

ipad ×1

iphone ×1

media-queries ×1

php ×1

r ×1

redirect ×1

shiny ×1

twitter-bootstrap ×1

wordpress ×1