iOS 새 버 전 위 챗 아래쪽 에 가로줄 문제 해결 되 돌려 주기

그동안 위 챗 개발 에 대해 서 는 별로 접 해 본 적 이 없 는데 H5 에 대해 서 만 잘 알 고 있 습 니 다.최근 위 챗 공식 번 호 를 유지 하 는 프로젝트 가 iOS 엔 드 리 턴 키 의 구 덩이 를 만 났 습 니 다.
설명:
공중 번호 로 페이지 를 열 면 아래쪽 에 돌아 오 는 작은 가로줄 이 있 는데 마침 페이지 를 가 렸 다.이 건 안 돼,해결 해 야 돼.
페이지 의 높이 는$(window).height()를 호출 합 니 다.얻 으 러 왔 지만 이치 상 문제 가 없 을 겁 니 다.
첫 번 째 반응 은 장 치 를 판단 해 볼 까?iOS 라면 높이 를 추가 해 줄 까?
이 생각 은 아직 실행 되 지 않 았 는데,한 가지 현상 을 발견 하 였 다.처음 들 어 왔 을 때 는 막 았 지만 새로 고침 하면 막 지 않 았 다.그리고 판단 을 해 야 겠 다 고 생각 했 어 요.처음 들 어 와 서 새로 고침 을 해 볼 까요?
그리고 코드 를 고 쳤 습 니 다.확실히 문제 가 없다.들 어 와 서 처음 인지 아 닌 지 를 판단 하고 처음 이 라면 페이지 를 새로 고침 한다.새로 고침 후 페이지 높이 가 정상 으로 표 시 됩 니 다.
그러나 페이지 를 불 러 온 후에 새로 고침 하면 뚜렷 한 점프 가 있 고 자원 도 소모 된다.최선 의 해결 방법 이 아니다.그리고 계속 고 쳐.
마지막 으로 왜 밑 에 있 는 작은 가로줄 이 있 는 지 원천 에서 출발 해 야 한다.
일반적으로 첫 번 째 인터페이스 라면 밑 에 가로줄 이 없습니다.페이지 가 이동 하면 아래쪽 에 작은 가로줄 이 있 습 니 다.
그리고 나 서 나 는 페이지 에서 점프 를 찾 았 는데,마지막 으로 몇 줄 의 코드 가 현재 역사 기록 을 추가 하 는 것 을 발견 했다!
코드 는 다음 과 같 습 니 다:

function(){ 
 pushHistory();
 window.addEventListener("popstate", function(e) {
 WeixinJSBridge.invoke('closeWindow',{},function(res){ });
 }, false); 
 
 function pushHistory() { 
 var state = { 
  title: "title", 
  url: "#" 
 }; 
 window.history.pushState(state, "title", "#"); 
 } 
}

코드 를 분석 해 보 세 요.여 기 는 사실 역사 기록 을 추가 하 는 것 입 니 다.역사 기록 이 있 으 면 위 챗 의 작은 가로줄 이 나 오고 안 드 로 이 드 의 리 턴 키 가 들 을 수 있 습 니 다.그리고 반환 이 벤트 를 수정 하 였 습 니 다.되 돌아 오 기 를 누 르 면 현재 페이지 를 닫 습 니 다.
나 는 이 코드 가 위 챗 공식 번호 개발 에서 비교적 자주 사용 되 는 방식 이 라 고 생각한다.이전 에는 문제 가 없 었 으 니 닫 힌 페이지 로 돌아 가 는 것 이 편리 했다.그러나 업 그 레이 드 된 후에 위 챗 은 밑 에 있 는 리 턴 바 를 많이 나 왔 고 페이지 높이 는 이전에 얻 은 값 이 었 다.그러면 페이지 의 높이 는 바 를 넣 지 않 은 높이 이 고 바 가 나타 나 면 자연히 페이지 내용 을 가 릴 수 있다.
해결 방식 도 간단 합 니 다.이 코드 를 앞 당 겨 서 높이 를 얻 기 전에 미리 해 야 합 니 다.그러면 먼저 가로줄 이 있 고 높이 가 있 으 면 높이 가 중간 부분 에 딱 맞 아서 가 려 지 는 문제 가 없 을 것 입 니 다.
iOS 새 버 전의 위 챗 하단 에 바 가 지 를 되 돌려 주 는 문제 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 iOS 위 챗 하단 에 바 가 지 를 되 돌려 주 는 내용 은 예전 의 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 부탁드립니다!