모바일 사이트 작업 중에 html 소스 코드를 보고 싶을 때가 많아도 너무 많은데.. 어플도 여러개 설치를 해봤지만 지금 이 방법이 가장 좋은 것 같다. 안드로이드용 구글 Chrome 브라우저를 설치 후 주소에 아래처럼 입력하면 된다. view-source:https://chicpro.dev PC환경만큼 편하다고는 할 수 없지만 코드가 제대로 작동하는지 알 수 있는 정도로 사용하는 것은 좋을 것 같다. 집에 와서 Firefox 설치 후 …
작업을 진행하다 보면 필요한 것이 계속해서 생겨나게 마련이다. 오늘 같은 경우는 에러 메세지를 보여주기 위한 요소를 동적으로 생성하고 문서 내 위치를 해당 요소로 이동시키는 것이 필요했다. 문서 내 이동은 잘 아는 것처럼 <a name=”이름”></a> 이런 식으로 지정할 수도 있고 특정 요소에 id를 지정하고 문서 URL 끝에 #id 를 붙여서 이동시킬 수가 있다. <script> var msg_el = …
jQuery .data()를 이용해 텍스트 노드를 포함한 엘리먼트의 기본 폰트 사이즈를 저장해놓는 코드이다. 이 값을 이용해 문서의 폰트 사이즈 변경에 사용하면 폰트 사이즈 변경으로 인한 상속의 문제도 해결할 수 있을 것이라 기대가 된다. function save_default_font_size($el) { $el.each(function() { // 텍스트노드 있는지 체크 var text = $(this).contents().filter(function() { return this.nodeType == 3; }).text().replace(/s*/, “”); if(text.length) { $(this).data(“fs”, $(this).css(“font-size”)); } …
특정 스킨 디렉토리에서 css 파일을 얻어서 문서 로드시에 코드를 css 로드 코드를 출력해주는 함수이다. 많이 사용할 기능은 아니지만 스킨이 존재하고 스킨의 제작자가 다를 경우 css 파일의 이름도 다를 수가 있는데 이런 경우에 사용하면 도움이 될 수 있을 것이라 생각한다. 현재 제작 중인 솔루션에 적용하기 위해서 만들었다. <?php // 스킨 style sheet 파일 얻기 function get_skin_stylesheet($skin_path) { if(!$skin_path) …
어제 작성했던 특정 엘리먼트의 하위 엘리먼트 폰트사이즈를 일정한 비율로 변경하기를 수정해서 텍스트노드를 포함하고 있을 경우에도 처리가 되도록 수정을 했다. 이 코드 역시 완벽하다고 할 수는 없고.. 특정 상황에서는 폰트 사이즈가 변경되지 않는 경우도 생길 수가 있다. 배포 예정 솔루션에 맞춰서 작업을 해서 다른 경우는 수정이 힘들 수도 있다. /** * 텍스트 리사이즈 **/ function font_resize(id, act) …