자신의 웹 페이지의 라이브 HTML을 브라우저에서 직접 편집할 수 있는 Chrome 확장 프로그램이 있습니까?

자신의 웹 페이지의 라이브 HTML을 브라우저에서 직접 편집할 수 있는 Chrome 확장 프로그램이 있습니까?

궁금해.

저는 최근 몇 년간 (FTP 클라이언트를 통해) 웹사이트를 편집하던 방식을 실시간 자동 동기화를 사용하여 PC에 있는 public_html 폴더 버전을 FTP에 있는 버전과 Dropbox와 같은 동기화 방식으로 변경했습니다.굿싱크.

이제 내 웹사이트를 업데이트하는 것이 믿을 수 없을 정도로 쉽습니다. 내 개인용 zippy 샌드박스를 가지고 놀기만 하면 됩니다.제어할 수 있음) 웹 앱, 스크립트, 서비스 등을 테스트합니다. Windows에서 내가 가장 좋아하는 기본 앱으로 폴더/파일을 만들고 편집하고 삭제하기만 하면 웹사이트에 변경 사항이 즉시 적용됩니다.

저는 또한 Windows에서 키보드를 누르는 것만으로 놀라운 웹 사이트 작업을 수행하기 위해 AutoHotKey를 가지고 놀았습니다. 현재 제가 처리하는 유일한 제한 사항은 변경 사항이 웹에 적용되는 데 걸리는 시간이 5~10초라는 것입니다. (인터페이스/워크플로를 거의 기본 인프라(물리적 네트워크 등)까지 제거하는 것은 매우 훌륭합니다.)

그리고 지금은 그냥 궁금해요. 이제 저는 고정관념에서 벗어나 생각하고 있습니다. 원하신다면 제가 어떻게 일을 하는지 다시 생각해볼 수도 있습니다. 그래서 저는 Chrome에서 내 페이지를 보고 있는데, 더 잘할 수 있다고 생각합니다. 그동안 작업해왔던 웹페이지를 보고 있는데, 더욱 빠르게 재편집이 가능하고 싶습니다.

내가 소유한 여러 웹 서버의 FTP 세부 정보를 저장할 수 있는 멋진 크롬 플러그인이 있습니까? 내가 해당 웹 서버 중 하나에 속한 페이지에 있는지 감지합니다(저장된 FTP 도메인에 대한 자동 도메인 일치 또는 특정 도메인에 대한 FTP 계정 수동 설정을 통해). 확장 설정의 /와일드카드) 해당 페이지를 마우스 오른쪽 버튼으로 클릭하면 '편집'과 같은 메뉴 항목이 있고, 페이지의 HTML 소스를 편집 가능한 텍스트로 로드하고, 필요한 것을 변경한 다음 '저장'을 누를 수 있습니다. ' 그러면 업데이트된 페이지가 다시 로드되나요?

이제 그게.....멋지겠네요.

또한 소프트웨어는 로컬 및 브라우저 기본이어야 합니다. 로드하고 속도를 늦추는 자체 리소스가 있는 일부 웹 기반 서비스 팝업 창이 아니라 산들바람처럼 내 FTP에 직접 연결되는 Chrome의 로컬 소프트웨어입니다. .

감사해요.

답변1

말씀하신 모든 작업을 수행할 수 있는 플러그인은 모르겠지만, Chrome에서 을 눌러 개발자 모드로 들어가면 F12모든 HTML, CSS, JS 및 기타 모든 항목을 볼 수 있습니다. 웹페이지용으로 로드된 브라우저입니다. 여기에서 거의 모든 항목을 동적으로 수정할 수 있습니다. 이는 캐시만 수정하며 서버의 웹사이트는 편집하지 않습니다. 그러나 실제로 로그인하고 라이브 사이트에서 서버측 코드를 업데이트한 다음 웹페이지를 다시 로드하기 전에 최소한 빠른 변경 사항을 테스트하는 것이 유용합니다.

답변2

내가 아는 한 웹 편집과 크롬을 함께 사용하는 방법에 대해서는 그렇게 할 수 있습니다. notepad++를 사용하여 서버 세부 정보를 설정하세요. 편집할 수 있으며 변경 사항은 파일 저장에 반영됩니다.

웹사이트는 웹 콘텐츠를 다시 로드하는 데 시간이 필요하며, 플러그인이나 확장 프로그램도 데이터를 저장한 후 웹 서버 데이터에 응답하는 데 시간이 걸립니다.

총 시간은 notepad++ 및 변경 사항에 대한 웹 서버 응답입니다. 그게 다야. 당신은 당신의 아이디어를 얻었다.

관련 정보