이번에는 360 브라우저 호환 모드에서 페이지가 불완전하게 표시되는 경우 대처 방법을 알려드리겠습니다. 360 브라우저 호환 모드 페이지가 불완전하게 표시되는 경우 처리 시 주의사항은 무엇인가요? 실제 사례이므로 살펴보겠습니다.
잘 알려진 상황으로 인해 국내 주류 브라우저는 일반적으로 사용되는 웹 사이트의 고속 탐색을 위해 Webkit 커널을 기반으로 하는 듀얼 코어 브라우저입니다. IE 기반 커널은 온라인 뱅킹 및 이전 버전의 웹 사이트와 호환되는 데 사용됩니다. 여러 360 브라우저를 예로 들면, 우리는 Webkit 커널을 통해 주류 웹사이트를 렌더링하는 데 우선순위를 두고, 페이지 호환성을 보장하기 위해 소수의 웹사이트만 IE 커널을 통해 렌더링합니다. 과거 오랫동안 우리의 주요 제어 방식은 수백 킬로바이트 크기의 URL 라이브러리, 즉 장기적인 수동 작업을 통해 수집된 URL 라이브러리였습니다.
사용자 피드백과 코드 태그 지능형 판단 기술을 통해 브라우저의 자동 확인 정확도를 향상시키기 위해 노력하지만. 그러나 많은 경우에 우리는 여전히 100% 정확한 것을 얻을 수 없습니다. 따라서 우리는 커널 제어 메타 태그라는 새로운 제어 방법을 추가했습니다. 웹사이트에 메타 태그를 추가하고 이 URL을 렌더링하는 데 어떤 코어를 사용해야 하는지 360 브라우저에 알려주면 360 브라우저는 이 태그를 읽은 후 즉시 해당 코어로 전환합니다. 그리고 이 두 번째 수준 도메인 이름 아래의 모든 URL에 이 동작을 적용합니다. 현재 이 기능은 모든 360Security
브라우저에 구현되었습니다. 또한 이 구현을 지원하기 위해 다른 브라우저 공급업체를 권장합니다. 이 제어 라벨을 업계 표준으로 만드세요. 코드 예 헤드 태그에 코드 줄 추가:
<html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html>
페이지가 기본적으로 IE 호환 커널을 사용해야 하는 경우 다음을 추가하세요. 태그:
페이지가 기본적으로 ie 표준 커널을 사용해야 하는 경우 태그를 추가하세요:
참고: 따옴표는 영어로 입력해야 하며 코드를 직접 복사하여 형식이 올바른지 확인하고 직접 수정하시기 바랍니다.
각 렌더링 커널의 기술적 세부 사항
Kernel Webkit IE는 IE 표준과 호환됩니다
문서 모드 Chrome 21 IE6/7 IE9/IE10/IE11 (사용자의 IE에 따라 다름)
HTML5 지원 YES NO YES
ActiveX
control
지원 NO YES YES
이 기능은 실제로 IE9의 X-UA-Compatible과 매우 유사합니다
오늘 js 코드를 테스트해 보니 360 호환 모드에서는 IE 버전이 최고 버전은 아니고, 다음 코드와 같이 코드가 비교적 정확하다면 360 브라우저 아래의 body 태그에 코드를 작성해야 합니다. 내부 브라우저가 작동하지 않습니다
<body> <p id="dxy"></p> <script> var getId=function(id){ return "string"==typeof(id)?document.getElementById(id):id; } alert("ok"); getId("dxy").innerHTML="<font color=red>脚本之家</font>"; </script> </body>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
왼쪽은 고정, 오른쪽은 적응형 레이아웃css의 Float 속성에 대한 자세한 설명CSS3의 상자 크기 속성에 대한 그림 및 텍스트 튜토리얼위 내용은 360 브라우저 호환 모드에서 불완전한 페이지 표시를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!