제가 지금 준비중인 서비스가 대응하고자 하는 브라우저가

IE6~IE11, Chrome, Firefox, Opera, Opera Neon, Safari

여기에 MS Edge

꼽사리로 스윙 브라우저, 네이버 웨일

 이렇게 신경쓰고 있습니다.

HTML5, CSS3 제껴두고 비표준과 웹표준 모두에

만족하는 프론트 페이지와 JS의 작동을 추구하고 있습니다.

그런데 엣지(Edge)의 윈도우 객체 리사이즈, 무브에 좀 어려운 점이 있네요.

현재 이곳 sir.kr 에 적용된 그누보드에도 엣지로 큰 이미지를 클릭하여

원본 보기를 시도하면 버그가 발생합니다.

저도 해당 문제에 많은 어려움을 겪어서 현재 거의 해결점에 다다른 듯 싶긴합니다.

하지만 아직 몇 몇 미진한 점이 있어서 난감한 상황이네요.

원본 이미지의 해상도가 디스플레이(모니터)의 해상도보다 클 경우

그누보드5 기준으로 엣지 브라우저에서 열람하는 것에 어려움이 존재합니다.

네이버 같은 곳은 규모가 있다보니 잘 대응해 놨더군요.

제가 만든 JS를 적용한 페이지는 아래의 URL 입니다. 아직 코드가 완성되지 않아

JS는 판독하실 수 없게 해두었습니다.

http://www.wipeace.net/bbs/board.php?bo_table=ent&wr_id=86 

현재 sir.kr에 적용된 이미지 보기도 엣지에서 확인하시길 권장합니다.

https://sir.kr/cm_pix/12611 

이 글의 의도는 "나는 해결했다!" 하는 자랑이 아닙니다.

엣지를 통하여 MS가 다시 삽질을 하고 있다는 것과

이런 JS의 상이점은 어디에서 오느냐에 대한 정보를 공유하기 위함입니다.

엣지는 resizeTo()와 moveTo() 메소드를 지원하지 않습니다. 

하지만 resizeBy()메소드는 지원합니다.

때문에 기존의 resizeTo를 resizeBy로 대체하여야 하며

새창의 위치는 임의로 설정할 수 없습니다.

엣지 참 난감하네요...