https://gyazo.com/static/ea8b235a0d6017f2071fb5b98aca7780.png.html#unsupported-browser

Eingereichte URL:
https://gyazo.com/ea8b235a0d6017f2071fb5b98aca7780
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://helpfeel.com/Gyazo/--5de75e1e040e1d0017df4364Learn more

JavaScript-Variablen · 24 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
zomStatusstring
mainfunction
showLegacyAlertfunction
onClickImagefunction
updateZoomStatusfunction

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!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=457e4bc0za200"></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>ea8b235a0d6017f2071fb5b98aca7780.png</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, "/ea8b235a0d6017f2071fb5b98aca7780");
  }
  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/ea8b235a0d6017f2071fb5b98aca7780"><img id="image" src="https://i.gyazo.com/ea8b235a0d6017f2071fb5b98aca7780.png" class="with-alert shrinkToFit"></a></body></html>