최근에 저는 Linux에서 다소 훌륭하고 친숙한 Microsoft Office Online 제품군을 테스트하여 전체 Windows로 전환하지 않고도 좋아하는 Linux 배포판에서 실제로 가장 널리 보급되고 사실상의 표준 오피스 프로그램을 사용할 수 있음을 보여주었습니다. 이것은 금전적 및 전문적 고려 사항이 있기 때문에 매우 중요합니다.
하지만 저를 짜증나게 한 것이 하나 있었습니다. 바로 Word 온라인 버전의 문서 배경이 회색이라는 사실입니다. 더 정확하게 말하면 투명하지만 특정 회색 음영(농담을 이해하십시오)은 눈에 상당히 무겁습니다. 무겁지 않아, 내 색깔이야. 사실 여기에 또 다른 6개의 진부한 노래가 있지만 당신을 위해 정중하게 중단하겠습니다. 암튼 회색빛, 나쁨, 눈이 피곤함, 나쁨. 그러나 이를 변경하는 UI 옵션이나 버튼이 없습니다. 온라인에서 작업하는 동안 임시로 조정할 수 있는 방법을 보여 드리겠습니다. 즉, Microsoft Office Online 문서 배경색을 원하는 대로 변경합니다. 나 후에.
HTML입니다
하루가 끝나면 클라우드에서 앱을 구동하는 데 어떤 소프트웨어가 사용되든 브라우저는 여전히 HTML 페이지로 항목을 렌더링합니다. 사실, 동적 요소와 스크립트를 얻을 수 있지만 이들은 HTML의 다른 부분을 애니메이션하고 연결하는 것일 뿐입니다.
따라서 브라우저에 표시되는 모든 항목은 div, 표 및 단락으로 변환될 수 있으며 모두 색상, 배경색, 글꼴 두께, 테두리, 여백 등과 같은 속성과 스타일이 있습니다. 이를 변경하면 객체가 화면에 표시되는 방식이 변경됩니다. 모든 최신 브라우저에서는 마우스 오른쪽 버튼 클릭> 요소 검사를 통해 표시된 HTML 페이지를 조작할 수 있습니다. 정확한 문구는 약간 다를 수 있습니다. 간단히 말해서 HTML/CSS 스타일 변경 =페이지 모양 변경입니다. 이것이 우리가 원하는 것입니다. 하지만.
오른쪽 클릭이 없습니다!
아하. 음, 때때로 대화형 응용 프로그램은 Javascript의 엄격한 사용을 통해 특정 작업이나 클릭을 차단합니다. 이는 모바일 애플리케이션에 해당되지만 다른 웹사이트를 로드할 때 데스크톱에서도 이 문제가 발생할 수 있습니다. 표준 오른쪽 클릭 메뉴는 특정 사이트나 페이지에서 공유하려는 항목으로 대체됩니다.
Microsoft Office Online은 자체 상황에 맞는 메뉴를 위해 오른쪽 클릭을 예약합니다. 리뷰에서 본 것처럼 이 작업을 사용하여 텍스트를 복사하여 붙여넣고, 언어를 변경하고, 텍스트를 번역하고, 새 댓글을 추가하거나, 작업에 원하는 만큼 스타일을 편집할 수 있습니다.
즉, HTML 요소를 검사하기 위해 필요한 표준 브라우저 오른쪽 클릭 메뉴에 실제로 액세스할 수 있는 옵션이 없습니다. 그래서 우리는 이것을 고칠 무언가가 필요합니다. 기본적으로 Noscript와 같은 확장 프로그램을 사용하거나 브라우저 설정을 통해 브라우저에서 자바스크립트를 비활성화할 수 있지만 이렇게 하면 Microsoft Office Online 페이지의 기능이 손상됩니다. 우리는 더 부드럽고 방해가 덜한 무언가가 필요합니다.
오른쪽 클릭 동작을 가로채는 다른 방법은 브라우저 주소 표시줄에 직접 Javascript 명령을 입력하는 것입니다. 이것은 잠시 동안 작동할 수 있지만 응용 프로그램과 페이지는 실제로 자체적으로 새로 고칠 수 있으며 그 후에는 변경 사항이 무효화됩니다. 이에 대해 궁금하시면 주소 표시줄에서 다음 중 하나를 시도해 보십시오.
javascript:void(document.oncontextmenu=null);
javascript:void(window.oncontextmenu=null);
오른쪽 클릭 기능을 복원할 수 있는 Chrome 및 Firefox용 브라우저 확장이 여러 개 있습니다. 이러한 추가 기능 중 하나는 Enable Right Click and Copy입니다. 이 작은 확장 프로그램은 설치 후 다시 시작할 필요가 없으므로 설정 및 사용이 매우 간편합니다.
마우스 오른쪽 버튼 클릭, 색상 속성 변경
이제 표준 브라우저 오른쪽 클릭 메뉴를 사용할 수 있으므로 페이지 배경 요소를 검사해 보겠습니다. 회색 문서의 아무 곳에나 마우스 커서를 놓고 마우스 오른쪽 버튼을 클릭한 다음 몇 가지 기본 해커를 수행해 보겠습니다.
다음 부분은 기술이 부족한 사람들에게는 약간 혼란스럽게 보일 수 있습니다. 검사 옵션을 클릭하면 페이지의 백엔드 측면을 디버깅하고 검토할 수 있는 매우 복잡한 메뉴가 나타납니다. 즉, 네트워크 및 메모리 사용량, 성능, 오류 메시지뿐만 아니라 HTML 코드를 포함하여 당연하게 여기는 모든 잔혹한 세부 정보입니다. 클릭한 위치는 왼쪽 창에서 강조 표시되고 오른쪽에는 선택한 요소에 적용되는 CSS 규칙이 세분화되어 표시됩니다.
이 특별한 경우 페이지의 배경은 배경색이 투명으로 설정된 OutlineContent 클래스의 HTML div로 정의됩니다. 해야 할 일은 마우스 커서를 오른쪽 창의 div.OutlineContent 부분에 놓고 background-color:transparent 줄을 클릭한 다음 transparent라는 단어를 흰색 또는 적합한 다른 색상으로 변경하는 것입니다. Enter 키를 누르는 즉시 색상이 변경됩니다.
임시 수정입니다
이것은 영구적인 수정이 아니라는 점에 유의하는 것이 매우 중요합니다. F5 키로 페이지를 새로 고치면 스타일 편집이 사라집니다. 문서를 다운로드하고 LibreOffice 또는 Microsoft Office에서 열면 게임에 관계없이 표준 흰색 배경을 갖게 됩니다. 이는 외관상의 변화일 뿐이며 귀하의 브라우저에서만 가능합니다. 페이지가 로드되면 로드되고 서버 부분이 완료됩니다. 페이지 내용을 완전히 다시 로드할 때까지 설정한 임시 색상이 적용됩니다. 페이지가 새로 렌더링되면 수정 사항이 사라집니다.
이것은 Microsoft Office Online에만 국한되지 않습니다. 특히 특정 레이아웃이나 색상이 마음에 들지 않는 경우 어떤 웹사이트에서든 이러한 변경을 수행할 수 있습니다. 웹 사이트를 사용하고 상호 작용해야 하지만 일부 프레젠테이션 계층이 까다로운 경우 매우 편리합니다.
더 이상 조정할 필요가 없다고 느끼거나 앱별 오른쪽 클릭 메뉴를 복원하려면 브라우저 확장을 비활성화하고 페이지를 새로고침하세요. 시작했던 상태로 돌아갑니다. 간단하고 완전히 가역적이며 방해가 되지 않습니다. 그리고 아마도 당신의 눈이 그 회색을 너무 많이 쳐다보는 데 지치지 않기 때문에 매일 몇 시간 더 즐거운 시간을 보낼 수 있을 것입니다.
결론
이 짧은 자습서는 두 가지 중요한 교훈을 제공합니다. 1) HTML에 대한 몇 가지 정보, 작동 방식, 페이지 로드 및 렌더링 방법, 본질적으로 웹 앱이 수행하는 작업 2) Microsoft의 모양과 느낌을 조정하는 간단하고 우아한 방법 Office Online 제품군을 사용하면 기본 투명도 대신 인체 공학적으로 친숙한 흰색 배경색을 사용하여 더 오랜 시간 동안 문서 작업 및 상호 작용이 더 쉬워집니다.
아마도 언젠가 Microsoft는 표준 데스크톱 제품군에 존재하는 것과 같은 방식으로 UI 내부에 필요한 배경색을 변경하는 옵션을 포함할 것입니다. 그렇게 될 때까지 필요에 따라 색상을 조정할 수 있는 여러 가지 방법이 있습니다. 당신이 당신의 눈을 소중하게 생각한다면, 아마도 사소하지만 중요한 이 작은 해킹을 확실히 고려할 것입니다. 오늘 새로운 것을 배웠기를 바랍니다. 행복한 타이핑.
건배.