MSDN Magazine 기사 인쇄
MSDN 웹 사이트가 개편되면서, 줄줄이 다른 사이트들까지 디자인이 바뀌고 있습니다. MSDN Magazine도 그렇게 되었는데, 개인적으로 좀 불편한 점이 하나 눈에 띄는데요.
예전에는 인쇄를 하면, 중간에 "표"나 "그림" 중에서 좀 크다 싶은 것들은 기사를 모두 인쇄한 다음 마지막 부분에 모아서 인쇄가 되었습니다. 어찌 보면, 내용을 읽다 기사 마지막에 실린 표를 보기 위해서 뒤적이던 거에 비해, 개편된 사이트에서는 기사 중간에 "Figure"가 직접 들어가 있어 가독성이 좋아진 것은 환영할 만 하지만.
문제는, 자바스크립트를 사용해서 필요할 때만 펼칠 수 있게 하는 구조로 되어 있어서 그냥 인쇄할 경우 표가 나타나지 않았습니다.
쩝!
어쩔 수 없이 약간의 수작업을 해줘야 겠습니다. 저 같은 경우에는 다음의 순으로 작업을 해서 인쇄를 해줍니다.
1. 예를 들어, "
http://msdn.microsoft.com/en-us/magazine/cc817398.aspx"의 아티클인 경우. 왼쪽 상단에 있는 "
" 모양의 아이콘을 눌러서 인쇄용 HTML로 전환합니다. 이때, 프린트 대화창이 나오긴 하는데, "취소" 버튼을 눌러서 그냥 넘어갑니다.
2. 기사 전체를 "Control + A" 키를 이용해서 복사합니다.
3. Visual Studio를 실행하고 "test.html"이라는 비어 있는 HTML 파일을 하나 로드합니다. "HTML 디자인" 화면에서 "2번" 과정에서 복사한 내용을 붙여넣기 합니다.
4. "디자인"에서 "소스 보기" 화면으로 전환한 다음, 아래의 CSS 링크를 상단에 붙여넣기 해주면, 웹 사이트에서 봤던 HTML 보기와 동일한 포맷이 됩니다.
<link rel="stylesheet" type="text/css"
href="http://i3.msdn.microsoft.com/Platform/MasterPages/PrintFriendly/PrintFriendly-bn1945.0.css" />
5. 소스의 맨 아래에 내려가면 다음과 같은 식의 스크립트 구문이 나옵니다. 이것을 모두 삭제해 줍니다.
<SCRIPT type=text/javascript>
//<![CDATA[
Sys.Application.initialize();
SetLangFilterAll();Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"Auto...ainer_cpe94077_c"));
});
Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoC...r_cpe94078_c"));
});
Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoCollapse":fa...e94079_c"));
});
Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoColla...cpe94080_c"));
});
Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoCol...94081_c"));
});
//]]>
</SCRIPT>
6. 보통, 위와 같이만 해주면 정상적으로 표가 인쇄되는 페이지가 있는 반면, 지금 예에서 다루고 있는 페이지 같은 경우에는 본문의 "DISPLAY: none" 문자열을 "DISPLAY: block"으로 치환해주는 것까지 해야만 정상적으로 인쇄되는 경우도 있답니다. 간혹, 이상하다 싶으면 제대로 되고 있는 지 "프린트 미리보기" 기능으로 확인해 주시면 됩니다.
[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]