하늘/mobile.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

var image_containers = document.getElementsByClassName('using-mobiledata');
var imagenames = [];
var iter = 0;
for (const contain of image_containers) {
  imagenames[iter] = contain.innerText;
  contain.style.cssText = "width: 100px;height: 100px;";
  iter++;
}

// imagenames에 이미지 이름 저장

var params = {
    action: "query",
    format: "json",
    prop: "imageinfo",
    titles: imagenames,
    utf8: 1,
    iiprop: "url",
    formatversion: "latest",
  },
  api = new mw.Api();

api.get(params).done(function(data) {
  var pages = data.query.pages;
  var iter = 0;
  for (const image of pages) {
    //console.log(image.title)
    for (const contain of image_containers) {
      var colonIndex = contain.innerText.indexOf(':');
      var ns = contain.innerText.slice(0, colonIndex);
      var filename = contain.innerText.slice(colonIndex + 1);
      filename = filename.charAt(0).toUpperCase() + filename.slice(1);
      filename = ns + ':' + filename;

      if (image.missing === true) { //지우면 작동 불가
      } else if (filename === image.title) {
        contain.innerText = contain.innerText + '\n사진 보기';
        contain.onclick = function() {
          contain.style.cssText = "display:inline;";
          contain.innerHTML = '<img src="' + image.imageinfo[0].url + '"></img>';
        };
      }
    }
  }
});

사용자:하늘/mobile.js