2017-02-27 3 views
0

을 제목과 같이 흉내내는 google chrome에서 유효하지 않습니다. 모바일 플랫폼에 적용되는 html 코드를 작성한 다음 휴대 전화를 에뮬레이트하여 웹 페이지에 액세스 할 수있는 코드를 테스트합니다. 코드는 다음과 같습니다. swipeUp 또는 swipeDown이 모바일 플랫폼

<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <style type="text/css"> 
     * { 
      padding: 0px; 
      margin: 0px; 
     } 

     html, 
     body { 
      width: 100%; 
      height: 100%; 
      overflow: hidden; 
     } 
     body{ 
      background: palegreen; 
     } 
    </style> 

</head> 

<body> 
    <script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="js/touch.js" type="text/javascript" charset="utf-8"></script> 
    <script type="text/javascript" charset="utf-8"> 
     $("body").swipeUp(function() { 
      alert("hello swipeUp"); 
     }) 
     $("body").swipeDown(function() { 
      alert("hello swipeDown"); 
     }) 
     $("body").tap(function() { 
      alert("hello tap"); 
     }) 
    </script> 
</body> 

은 마지막으로, 나는 "swipeUp"또는 "swipeDown는"구글 크롬 "탭", 도와 twice.please 트리거됩니다 감사에서는 유효하지 않습니다 찾을 수 있습니다.

답변

0

먼저 Google 크롬에서는 작동하지 않는다고 말했기 때문에 주저하지 말고 어떤 브라우저에서 작동하지 않았는지 기록 했으므로 문제를 어떻게 테스트했는지 기록하십시오. 문제를 잘 설명할수록 더 좋은 대답을 얻을 수 있습니다. 문제에 대해 더 자세히 설명해 주시겠습니까?

"js/zepto.min.js"를 사용할 수 있습니까?

은 (어쩌면 좋은 생각은 아니지만 이것에 대해 당신은 JS 더 플레이와 이벤트를 스크롤 할 수 있습니다)

+0

이 answer.aepto.min.js 주셔서 감사합니다 사용을 jquery.min.js.i와 유사 chrome (pc)이 html을 열고 mobile.i로만 기기의 툴바를 토글하여 Google 크롬을 테스트하고 donot 작업이 필요한 이유를 알고 싶습니다. – heizhishi

+0

내 서버와 모바일 테스트에서 똑같은 것을 사용하려고했지만 작동하지 않았습니다 ... 죄송합니다 ... 실제 답변을 찾으면 여기에 게시 해 드리겠습니다 ... –

+0

나는 왜 그렇게 행동 하나, 내가 발견 한 것은 zepto.js와 touch.js가 hammer.js를 처리해야한다는 것입니다. 그러나 특정 버전을 ... hammer.js의 너무 높은 버전은 문제를 만드는 경향이 있습니다 ... 다른 내가 당신을 위해 가지고있는 조언은 디버깅에서 로그로 질문을 업데이트하는 것입니다 ... 예를 들어 mozilla의 방화 광과 같이, 크롬에 대해 말하면 개발자 페이지 : "Ctrl + Shift + I"를 브라우저 페이지에서 사용할 수 있습니다 ... 일부 오류가 발생하지 않거나 탭하는 동안 코드를 디버그하려고 시도하는지 알아 내려고 시도하십시오 ... 크롬에서 모바일 장치 에뮬레이터를 선택하여 수행 할 수 있습니다 ... –

관련 문제