디시 사진 리사이징 안된 상태로 올리기

디시는 사진올릴때 용량 제한이 10mb로 있고, 크기 제한도 없지만, 대신 글을 읽으러 들어가면 리사이징된 사진이 먼저 보인다.
글 본문에는 장축 850으로 리사이징된 상태로 보여지고, 클릭 해야지만, 원본 사진이 보인다 (jpg 한정, png는 그대로 올라옴).
아마 서버 용량보다는 인터넷 트래픽이 더 비싸고, 사용자 입장에서 글이 더 금방금방 뜨도록 하는 이유인거 같다.

뭐 클릭해서 보면 되지만 디씨 앱의 경우 클릭해도 작아진 사진만 보인다.

이를 수정하는 스크립트를 만들었다. 원리는 디씨 서버에 올라간 원본 사진의 URL을 찾아서 글 본문 HTML에서 URL만 원본으로 교체하는 것이다.

  1. 일단 글을 그냥 올리자.
  2. 개발자모드, 콘솔에 들어가서 아래 스크립트를 친다.
images = document.getElementsByClassName("writing_view_box")[0].getElementsByTagName('img');
for (let value of images) {
id = value.onclick.toString().split("'")[1].split("id=")[1];
value.src = value.src.split("id=")[0] + "id=" +id;
}
document.getElementsByClassName("writing_view_box")[0].children[2].innerHTML

3. 그이후에나오는 문자열을 복사한뒤, 글 수정에 들어가서 HTML부분을 이걸로 교체한다.

(2020/7/29 추가 설명 추가)

  1. 글을 올리자

2. 내가 쓴 글에 들어간 뒤, 개발자 콘솔에 들어간다.
크롬의 경우 ctrl+shift+i 후 위에서 console 클릭
이후 위에 올린 스크립트를 복사 붙혀넣기 한 뒤 엔터를 치자

3. 그러면 이제 새로운 HTML코드가 나오는데
이를 복사하자.

4. 글 수정에 들어가서 HTML 수정을 들어간 뒤 전체 내용을 바꿔 주자.

5. success