고정된 사이트 향상

Internet Explorer 11에서 고정된 사이트 기능이 변경되어 라이브 타일이 지원되며, 사이트를 고정하거나 즐겨찾기로 저장하거나 자주 보는 사이트로 표시할 때 시각적으로 더욱 돋보이게 할 수 있습니다. 라이브 타일을 통해 고객과 사이트 간에 좀 더 친밀한 관계를 형성하고 사용자 지정된 시작 화면 환경을 만듭니다.

라이브 타일 및 알림 설정

IE11에서는 세 가지 방법으로 고정된 사이트에 대해 사용자 지정된 라이브 타일 및 알림을 정의할 수 있습니다.

  • HTML을 사용하여 고정된 사이트 메타데이터 지정:

    
      <meta name="application-name" content=" Contoso" />
      <meta name="msapplication-TileColor" content=" #009900" />
      <meta name="msapplication-square70x70logo" content="images/smalltile.png" />
      <meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
      <meta name="msapplication-wide310x150logo" content="images/widetile.png" />
      <meta name="msapplication-square310x310logo" content="images/largetile.png" />
      <meta name="msapplication-notification" content="frequency=30; polling-uri=notifications/contoso1.xml;
        polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml" />
    
    
    
  • JavaScript를 사용하여 정기 알림 설정:

    
      document.addEventListener('mssitepinned', StartPeriodicUpdateBatch, false);
    
      function StartPeriodicUpdateBatch()
      {
          var arrURI = ["notifications/contoso1.xml", "notifications/contoso2.xml", "notifications/contoso3.xml"];
          window.external.msEnableTileNotificationQueue(true);
          window.external.msStartPeriodicTileUpdateBatch(arrURI);
      
    
    
  • XML 브라우저 구성 파일을 사용한 다음 웹 페이지 태그에서 호출합니다.

    
    <?xml version="1.0" encoding="utf-8"?>
    <browserconfig>
      <msapplication>
        <tile>
          <square70x70logo src="images/smalltile.png"/>
          <square150x150logo src="images/mediumtile.png"/>
          <wide310x150logo src="images/widetile.png"/>
          <square310x310logo src="images/largetile.png"/>
          <TileColor>#009900</TileColor>
        </tile>
        <notification>
          <polling-uri  src="notifications/contoso1.xml"/>
          <polling-uri2 src="notifications/contoso2.xml"/>
          <polling-uri3 src="notifications/contoso3.xml"/>
          <frequency>30</frequency>
          <cycle>1</cycle>
        </notification>
      </msapplication>
    </browserconfig>
    
    
    

    meta 요소를 사용하여 브라우저 구성 파일 로드:

    
    <meta name="msapplication-config" content="IEconfig.xml" />
    
    
    
    브라우저 구성 파일을 취소하려면 메타 요소의 content 특성을 "none"으로 설정하세요.

자세한 내용은 다음을 참조하세요.

라이브 타일 및 알림의 새로운 기능

IE11에서는 사이트를 Windows 시작 화면에 고정할 수 있게 하는 메타데이터 값을 추가합니다.

메타데이터 이름 값설명
msapplication-square70x70logo고정된 사이트의 작은 타일로 사용할 이미지를 정의합니다.
msapplication-square150x150logo고정된 사이트의 중간 크기 타일로 사용할 이미지를 정의합니다.
msapplication-wide310x150logo 고정된 사이트의 와이드 타일로 사용할 이미지를 정의합니다.
msapplication-square310x310logo고정된 사이트의 큰 타일로 사용할 이미지를 정의합니다.
msapplication-notification정해진 간격마다 폴링할 XML 파일을 최대 5개까지 정의합니다. 이러한 파일에는 타일에 표시할 알림이 포함될 수 있습니다.
msapplication-config 브라우저 구성 요소를 포함하는 XML 파일의 이름 및 위치를 정의합니다.

 

참고  타일 이미지는 크기가 200KB보다 작고 1024x1024 픽셀보다 크면 안 됩니다.

고정된 사이트 메타데이터에 대한 자세한 내용은 다음을 참조하세요.

또한 IE11에서는 알림을 지원하는 새로운 메서드, 함수 및 이벤트를 제공합니다.

API 기능설명
msClearTile 타일에서 알림을 제거합니다.
msPinnedSiteState 웹 페이지의 고정된 상태를 반환합니다.
msStartPeriodicTileUpdate 타일에 대한 정기적 업데이트를 시작합니다.
msStartPeriodicTileUpdateBatch 타일에 대한 정기적 업데이트 집합을 시작합니다.
msStopPeriodicTileUpdate 정기적 업데이트 주기를 중지합니다.
msStartPeriodicBadgeUpdate 타일에 대한 배지 업데이트를 시작합니다.
msStopPeriodicBadgeUpdate 타일에 대한 배지 업데이트를 중지합니다.
msEnableTileNotificationQueue 모든 타일 이미지 크기에 대한 알림 순환을 제어합니다.
msEnableTileNotificationQueueForSquare150x150 중간 크기 타일에 대한 알림 순환을 제어합니다.
msEnableTileNotificationQueueForWide310x150 와이드 타일에 대한 알림 순환을 제어합니다.
msEnableTileNotificationQueueForSquare310x310 큰 타일에 대한 알림 순환을 제어합니다.
msScheduledTileNotification 특정 날짜와 시간에 대한 알림을 하나 이상 예약합니다.
msRemoveScheduledTileNotification 타일에 대해 예약된 업데이트 알림을 제거합니다.

 

고정된 사이트 기능 변경 사항

IE11부터 이러한 고정된 사이트 기능은 지원되지 않거나 코드를 변경해야 하는 방식으로 수정되었습니다.

이러한 기능을 사용하여 고정된 사이트를 업데이트합니다.

관련 항목

IE11 정보 및 샘플
IE11의 웹 사이트에 대한 라이브 타일 만들기
다운로드 가능한 샘플
대화형 온라인 샘플
IE11 테스트 드라이브 데모
Windows 8 정보
배지 알림, Windows 8 고정된 사이트에 직접 표시
Windows 8의 고정된 사이트를 위한 고품질 시각 효과
Windows 8의 고정된 사이트
추가 정보
Internet Explorer 9 샘플 및 자습서
Internet Explorer 9 테스트 드라이브: 사이트 고정 데모
고정된 사이트: Internet Explorer 9과의 Windows 7 데스크톱 통합

 

 

표시:
© 2014 Microsoft