https://gyazo.com/static/2720fba21500eaf85b73c435b4219f2e.gif.html#unsupported-browser

扫描 ID：
2465caa0-7fb2-49ba-90a6-e8cee48b5327已完成
提交的 URL：
https://gyazo.com/2720fba21500eaf85b73c435b4219f2e
报告完成时间：
链接文本
https://helpfeel.com/Gyazo/--5de75e1e040e1d0017df4364Learn more
名称类型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
zomStatusstring
mainfunction
showLegacyAlertfunction
onClickImagefunction
updateZoomStatusfunction
<!DOCTYPE html><html><head><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-G84Y44WHKY&amp;l=dataLayer&amp;cx=c&amp;gtm=457e4cc1za200"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-2827501-10"></script><script>window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('set', 'linker', {
  'accept_incoming': true,
  'domains': ['gyazo.com', 'i.gyazo.com']
});
gtag('config', 'UA-2827501-10', {
  'linker': {
    'domains': ['gyazo.com', 'i.gyazo.com']
  }
});
gtag('config', 'G-G84Y44WHKY', {
  'linker': {
    'domains': ['gyazo.com', 'i.gyazo.com']
  }
})</script><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><meta content="width=device-width, height=device-height" name="viewport"><title>2720fba21500eaf85b73c435b4219f2e.gif</title><style type="text/css">body {
  background-color: #0e0e0e;
  color: #eee;
  margin: 0;
  font-family: sans-serif;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

header a {
  color: #eee;
  text-decoration: none;
  line-height: 60px;
  height: 60px;
}

header .logo {
  flex-grow: 1;
}

header .download {
  line-height: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #ccc;
  padding: 0 10px;
}

header a:hover {
  opacity: 0.9;
}

svg {
  height: 30px;
  padding-top: 12px;
}

img {
  image-orientation: from-image;
  text-align: center;
  position: absolute;
  margin: auto;
  top: 80px;
  right: 0;
  bottom: 80px;
  left: 0;
  max-width: 100vw;
  max-height: calc(100vh - 160px);
}

img.with-alert {
  top: 200px;
}

img.shrinkToFit {
  cursor: zoom-in;
}

img.overflowing {
  cursor: zoom-out;
  margin-top: 0;
  top: 0;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
}

#legacy-alert {
  display: none;
  padding: 13px 50px 13px 20px;
  border-radius: 3px;
  vertical-align: middle;
  line-height: 1.5em;
  background-color: #fff9cf;
  border-color: #f1ce44;
  color: #4a4a4a;
}
#legacy-alert a {
  color: #396bdd;
  text-decoration: none;
}
#legacy-alert.show {
  display: block;
}
</style><script type="text/javascript">document.addEventListener('DOMContentLoaded', main, false);

var zomStatus = '';

window.gyazoTrk = function (action, labelName) {
  window.gtag('event', action, {'event_category': 'i.gyazo.com', 'event_label': labelName})
}

function main () {
  updateZoomStatus()

  window.addEventListener('resize', function (event) {
    updateZoomStatus()
  })

  var image = document.getElementById('image')
  image.addEventListener('click', onClickImage)
  image.addEventListener('load', function (event) {
    updateZoomStatus()
  })

  showLegacyAlert();
}

function showLegacyAlert () {
  if (location.hash !== '#unsupported-browser') return;
  if ('replaceState' in history) {
    history.replaceState({}, document.title, "/2720fba21500eaf85b73c435b4219f2e");
  }
  var alert = document.getElementById('legacy-alert');
  if (!alert) return;
  alert.classList.add('show');
  alert.innerHTML = navigator.language === 'ja-JP'
    ? "<p>お使いのブラウザのバージョンは現在Gyazoではサポートしておりません。Gyazoでは快適な利用のため、最新のブラウザの利用をオススメしています。サポートブラウザについては<a href='https://helpfeel.com/GyazoJP/--5d3807bed8b95000171654f5' target='_blank'>こちら</a>をご覧ください。</p>"
    : "<p>Your browser is old and not supported. Gyazo may not work correctly. We recommend using a modern browser. <a href='https://helpfeel.com/Gyazo/--5de75e1e040e1d0017df4364' target='_blank'>Learn more</a>.</p>";
  var image = document.getElementById('image');
  if (!image) return;
  image.classList.add('with-alert');
}

function onClickImage (event) {
  if (zomStatus === '' || zomStatus === 'shrinkToFit') {
    if (imageIsShrinked()) {
      zoomIn(event)
    }
  } else {
    zoomOut()
  }
}

function updateZoomStatus () {
  var image = document.getElementById('image')

  if (zomStatus === '' || zomStatus === 'shrinkToFit') {
    if (imageIsShrinked()) {
      zoomOut()
    } else {
      zoomDefault()
    }
  } else {
    if (!imageIsShrinked()) {
      zoomDefault()
    }
  }
}

function imageIsShrinked() {
  var image = document.getElementById('image')
  return (image.width !== image.naturalWidth)
}

function zoomIn (event) {
  var image = document.getElementById('image')

  var imageX = event.pageX - image.offsetLeft
  var imageY = event.pageY - image.offsetTop

  var naturalX = imageX / image.width * image.naturalWidth
  var naturalY = imageY / image.height * image.naturalHeight

  var scrollX = naturalX - (window.innerWidth / 2)
  var scrollY = naturalY - (window.innerHeight / 2)

  zomStatus = 'overflowing'
  image.classList.remove('shrinkToFit');
  image.classList.add('overflowing');
  showHeader(false)

  window.scroll(scrollX, scrollY)
}

function zoomOut () {
  var image = document.getElementById('image')
  zomStatus = 'shrinkToFit'
  image.classList.remove('overflowing');
  image.classList.add('shrinkToFit');
  showHeader(true)
}

function zoomDefault () {
  var image = document.getElementById('image')
  zomStatus = ''
  image.classList.remove('overflowing');
  image.classList.remove('shrinkToFit');
  showHeader(true)
}

function showHeader (visible) {
  var header = document.getElementsByTagName('header')[0]
  header.style.display = visible ? '' : 'none'
}
</script></head><body><header><a class="logo" href="https://gyazo.com/" onclick="window.gyazoTrk('open', 'top_page');"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 33.1906">
<g>
  <g>
    <path fill="#EEEEEE" d="M12.81376,26.13836c-1.75255,0-3.40193-0.32069-4.90224-0.95314
      c-1.50005-0.63258-2.89466-1.59531-4.14512-2.86138c-1.2504-1.27254-2.20088-2.69067-2.82524-4.21513
      C0.31668,16.58321,0,14.90708,0,13.12695c0-1.81873,0.32218-3.52245,0.95755-5.06375
      c0.63569-1.54169,1.60269-2.96512,2.8742-4.2308c1.2719-1.2719,2.70096-2.23903,4.24744-2.87446
      C9.62645,0.32238,11.3358,0,13.15978,0c1.95784,0,3.81199,0.40398,5.51092,1.20066
      c1.53048,0.75213,3.06168,1.96781,4.55208,3.61376l0.18191,0.20063l-2.53596,2.42916l-0.1902-0.23754
      c-0.97892-1.22216-2.06754-2.16559-3.23576-2.804c-1.28465-0.70174-2.70355-1.05767-4.21727-1.05767
      c-2.71379,0-5.02269,0.94965-6.86254,2.82252c-1.83907,1.83933-2.77136,4.17511-2.77136,6.94284
      c0,2.8584,1.03973,5.24611,3.09024,7.09684c1.91516,1.71628,4.02266,2.58653,6.26376,2.58653
      c1.91141,0,3.65204-0.65162,5.17352-1.9366c1.52414-1.29832,2.38746-2.87536,2.56574-4.68697l0.01405-0.14377h-6.35417v-3.34501
      h10.2453v0.70913c0,1.88803-0.22524,3.58177-0.66943,5.03422c-0.43156,1.33717-1.17048,2.60609-2.19661,3.77256
      c-1.162,1.30803-2.50001,2.30249-3.97713,2.95592C16.26958,25.80691,14.60983,26.13836,12.81376,26.13836z"></path>
    <polygon fill="#EEEEEE" points="28.07189,33.1906 33.63187,22.79416 26.24624,9.73259 30.17257,9.73777 35.32783,19.42503
      40.13668,9.73777 43.96395,9.73777 31.94637,33.1906    "></polygon>
    <polygon fill="#EEEEEE" points="64.38857,25.8403 75.1158,12.6156 66.42464,12.6156 66.42464,9.61407 81.54702,9.61407
      70.91614,22.78151 81.0592,22.78151 81.0592,25.8403    "></polygon>
  </g>
  <path fill="#EEEEEE" d="M91.26947,26.54037c-4.81373,0-8.73002-3.91629-8.73002-8.73009s3.91629-8.73021,8.73002-8.73021
    c4.81404,0,8.73053,3.91642,8.73053,8.73021S96.08351,26.54037,91.26947,26.54037z M91.26947,12.30423
    c-3.0359,0-5.50581,2.46997-5.50581,5.50606c0,3.03597,2.46991,5.50594,5.50581,5.50594c3.03591,0,5.50582-2.46997,5.50582-5.50594
    C96.77529,14.7742,94.30538,12.30423,91.26947,12.30423z"></path>
  <path fill="#EEEEEE" d="M52.83164,26.24327c-4.65958,0-8.45046-3.79082-8.45046-8.45033s3.79088-8.45033,8.45046-8.45033
    c1.94178,0,3.76783,0.64087,5.28076,1.85318l0.3251,0.26086V9.52471h3.14144v16.53645H58.4375v-1.93193l-0.32497,0.26085
    C56.59947,25.60253,54.77336,26.24327,52.83164,26.24327z M52.83165,12.41523c-2.96505,0-5.37726,2.41247-5.37726,5.3777
    s2.41221,5.37758,5.37726,5.37758c2.9653,0,5.3777-2.41234,5.3777-5.37758S55.79695,12.41523,52.83165,12.41523z"></path>
</g>
</svg>
</a><a class="download" href="https://gyazo.com/signup" onclick="window.gyazoTrk('open', 'signup');" target="_blank">Get Gyazo for Free</a></header><div id="legacy-alert" class="show"><p>Your browser is old and not supported. Gyazo may not work correctly. We recommend using a modern browser. <a href="https://helpfeel.com/Gyazo/--5de75e1e040e1d0017df4364" target="_blank">Learn more</a>.</p></div><a href="https://gyazo.com/2720fba21500eaf85b73c435b4219f2e"><img id="image" src="https://i.gyazo.com/2720fba21500eaf85b73c435b4219f2e.gif" class="with-alert"></a></body></html>