웹 프린팅 대체 방법 wfmazhenhai 블로그에서 선정
키워드 웹 프린팅 대체 방법
출처
B/S 방식으로 신청을 하신 분들이라면 누구나 이런 문제에 봉착하실 수 있을 것이라 생각합니다. 보고서 인쇄. 브라우저의 인쇄 메뉴를 이용하여 인쇄할 경우, 애플리케이션 메뉴 등 웹 페이지의 일부 불필요한 내용이 보고서에 인쇄됩니다. 웹 페이지를 인쇄하기 위해 인쇄 메뉴를 선택하면 웹 페이지의 모든 내용이 인쇄되기 때문입니다. 응용 프로그램에 프레임이 있는 경우 인쇄된 내용에는 각 프레임의 내용이 포함되며 실제로 원하는 내용은 그 일부일 뿐입니다. 따라서 많은 응용 프로그램은 백그라운드에서만 인쇄 기능을 완료할 수 있습니다. 이런 상황에서 우리는 어떻게 해야 합니까? 실제로 웹페이지 인쇄 기능을 구현하는 방법은 여러 가지가 있습니다.
한 가지 방법은 Crystal Reports와 같은 전문 인쇄 도구를 사용하는 것입니다. Visual Studio 5.0을 사용해본 친구들이라면 이 도구를 기억하고 있을 텐데요, 당시 버전은 4.0에 불과했습니다. 최신 버전은 이제 버전 9이며 최신 버전의 Crystal Reports는 웹 인쇄를 지원합니다. 가장 간단한 방법은 먼저 Crystal Reports를 사용하여 템플릿을 만든 다음 ASP를 사용하여 매개 변수와 함께 준비된 템플릿을 호출하는 것입니다. Crystal Reports가 웹 페이지에 보고서를 생성한 후 직접 인쇄하거나 Excel 파일과 같이 비교를 통과한 다른 파일로 전송할 수 있습니다. Crystal Reports를 사용하면 매우 아름다운 스타일을 만들 수 있습니다. 그러나 Crystal Reports의 높은 가격으로 인해 프로젝트의 수익성이 매우 높을 경우에만 감당할 수 있습니다.
두 번째 방법은 타사 온라인 인쇄 컨트롤을 구입하는 것입니다. 비용은 Crystal Reports보다 저렴하지만 효과와 성능이 다릅니다.
세 번째 방법은 스타일시트와 자바스크립트 커스텀 기능을 활용하는 것입니다. 웹 페이지 인쇄는 스타일 시트와 JavaScript를 통해 이루어지며 그 효과는 허용됩니다. 다음은 누구나 살펴볼 수 있는 예입니다. 다음은 인쇄 기능 구현에 대한 자세한 설명입니다.
OK, 모두 준비가 되었습니다. DP 함수를 호출하는 것입니다. 동일한 웹 페이지에서 호출되도록 디자인한 경우 프레임 메소드를 사용하고 호출할 버튼이 다른 페이지에 있으면 직접 호출할 수 있습니다. 웹 페이지를 선택한 다음 DP 함수에서 첫 번째 줄에 window.focus() 명령을 추가하세요. 그렇지 않으면 버튼이 있는 웹 페이지만 인쇄됩니다.
네 번째 방법인 구현은 까다로운 방법입니다. window.print()를 호출해도 마찬가지지만 인쇄하려는 내용이 특별히 웹 페이지로 생성되고 인쇄 버튼이 다른 프레임에 있습니다. 보고서 웹 페이지가 메인프레임에 있고 버튼이 topFrame에 있다고 가정합니다. 버튼은 PrintReports() 함수를 호출하여 인쇄를 수행합니다.
function PrintReports() //topFrame 웹 페이지의 함수
{
시도
//************************ ******* ************************************
// 오류 처리 , 메인프레임의 웹페이지에 DP 기능이 없는 경우 인쇄하지 마세요
//******************************** ***************** ************
{
window.parent.frames("mainFrame").DP() ;
}
catch(e)
{
alert("인쇄할 개체가 없습니다!")
}
}
function DP() // 메인프레임 웹 페이지 function
{
window.focus();
if (window.print)
{
window.print();
}
}
개인적으로는 이것이 가장 편리한 방법입니다.
마지막으로 IE 브라우저의 '파일 - 페이지 설정'에서 '머리글, 페이지 모서리' 설정을 제거하면 효과가 더 좋아집니다. (재게시)

Flexbox 또는 그리드 선택은 레이아웃 요구 사항에 따라 다릅니다. 1) Flexbox는 탐색 표시 줄과 같은 1 차원 레이아웃에 적합합니다. 2) 그리드는 매거진 레이아웃과 같은 2 차원 레이아웃에 적합합니다. 두 사람은 프로젝트에 사용하여 레이아웃 효과를 향상시킬 수 있습니다.

CSS 파일을 포함시키는 가장 좋은 방법은 태그를 사용하여 HTML 부분에 외부 CSS 파일을 소개하는 것입니다. 1. 태그를 사용하여 외부 CSS 파일을 소개합니다. 2. 작은 조정의 경우 인라인 CSS를 사용할 수 있지만주의해서 사용해야합니다. 3. 대규모 프로젝트는 SASS와 같은 CSS 전 처리기를 사용하여 @Import를 통해 다른 CSS 파일을 가져올 수 있습니다. 4. 성능의 경우 CSS 파일을 병합하고 CDN을 사용해야하고 CSSNANO와 같은 도구를 사용하여 압축해야합니다.

예, YoushouldLearnbothflexBoxAndgrid.1) FlexBoxisIdealforone-Dimensional, FlexiblelayoutSlikenavigationMenus.2) GridexCelsIntwo-Dimensional, ComplexDesignsSuchasmagazinElayouts.3) 결합 된 BothenSlayoutFlexibility 및 HeartingFortructur

자신의 코드를 리팩터링하는 것은 어떤 모습입니까? John Rhea는 자신이 쓴 오래된 CSS 애니메이션을 선택하고 최적화하는 사고 과정을 살펴 봅니다.

cssanimationsarenherinly에 hardbutreepracticenderstandingofcsspropertiesandtimingflestions.1) startsimpleants withsimpleatslikeScalingabuttononHoverusingKeyframes.2) useAsingfuctionslikecubic-bezierfornateffects, 그러한 분위기, 3)

@keyframesispopularduetoitstativerstatility 및 powerincreatingsmoothcssanimations.keytricksinclude : 1) states 사이에 moothtransitionsbettites, 2) 애니메이션 multiplepropertiessimultory, 3) vendorPixesforBrowsercompatibility, 4) 빗질을 사용하여

csScounterSearedTomanageAutomaticNumberingInberingInwebDesigns.1) 1) theCanbeusedfortablestoffContents, ListItems 및 CustomNumbering.2) AdvancedUsesInSinestedNumberingsystems.3) CreativeUseNvolvecust를 CreativeSinvolecust.4) CreativeSinvolvecust

특히 모바일 장치에 스크롤 그림자를 사용하는 것은 Chris가 이전에 다룬 미묘한 UX입니다. Geoff는 애니메이션 타임 라인 속성을 사용하는 새로운 접근 방식을 다루었습니다. 또 다른 방법이 있습니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

WebStorm Mac 버전
유용한 JavaScript 개발 도구