2016-11-29 5 views
1

Chrome에서 실행할 때 웹 응용 프로그램에 이상한 문제가 있습니다. 응용 프로그램의 모든 작업이 예상대로 실행되지만 응용 프로그램의 매우 기본적인 기능을 실행할 때 ""다음과 같은 페이지가 응답하지 않을 수 있습니다. 반응 형이되거나 죽이십시오. "라고 Wait and Kill의 두 가지 옵션이 있습니다."내 EXTJS 웹 응용 프로그램이 크롬에서 응답하지 않는 경우가 종종 발생

그래서 우리는 궁금해합니다. 왜 때로는 응용 프로그램이 예기치 않은 동작을 보이는지 궁금합니다. 가능한 원인을 파악하려면 도움이 필요합니다.

작은 응용 프로그램 배경 : 1. Analytics 응용 프로그램은 각 탭마다 여러 차트와 그리드가있는 여러 탭이 있습니다. 2. 대용량 데이터에서 작동하는 DOM 중심 응용 프로그램입니다. 3. 완전한 UI를 위해 EXTJs -4.2를 사용하고 백엔드를 위해 JAVA를 개발했습니다. 4. 메시지 서버로 CometD. 4. 애플리케이션이 방파제 서버에 배치되었습니다.

그래서 우리는 문제를 일으킬 수 있지만 정확한 원인을 밝히기가 힘든 몇 가지 영역을 파악했습니다. 우려 할만한 영역 : 1. Chorme의 차트, 그리드 및 기타 UI 구성 요소 렌더링. 2. 느린 인터넷 또는 응용 프로그램을 통한 네트워크에 액세스했습니다. 3. 서버에 대한 무거운 요청과 무거운 응답 데이터.

그래서 어떤 생각이 가능하게 만들 수 있습니다. 정확한 문제 영역을 식별하는 데 유용한 도구 나 플러그인 등도 있습니다.

답변

2

클라이언트 응용 프로그램의 프로필을 작성하고 어떤 스크립트가 오래 걸리고 왜 필요한지 확인해야합니다.

Chrome, Firefox 등은 모두 프로필 스크립트에 멋진 개발자 도구를 제공하므로 쉽게 이해할 수 있어야합니다 (예 : https://developers.google.com/web/tools/chrome-devtools/rendering-tools/).

서버가 많은 양의 데이터로 응답하는 경우 처리하는 데 많은 시간이 걸리므로 Chrome에서 불평 할 수 있습니다.

당신은 웹 노동자의 데이터를 처리 조사 및/또는 배치 UI 업데이트에 setTimeout를 사용한다, 참조 :

Avoiding the "script is running too long" dialog, should I split up my function and run it at intervals?

How to prevent "Stop running this Script" in browsers?

0

당신이 동기를하고 있습니다 경우도 발생 더 많은 시간이 걸리는 서버 호출.