f19n obtrusive livetest

Fullstackoptimization 라이브 테스트 - Chrome 확장/프레임워크

https://die-antwort.eu/와 협력하여 개발된 http://www.fullstackoptimization.com/

크롬 앱 스토어: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en

사용자 doku: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?

기존 광고 'f19n Obtrusive Live Test'…새 이름은 덜 무섭다! (무서운 앱이 아니라 정말 멋진 앱입니다!)

그것은 무엇입니까?

샌드박스 처리되고 확장 가능한 라이브 테스트 Chrome 확장 프로그램 및 프레임워크입니다! 방문하는 각 페이지에서 사전 정의된 사용자 정의 테스트를 실행하고 직접적인 시각적 피드백을 제공합니다.

현재 SEO, 웹 성능 및 소셜 미디어 모범 사례를 대상으로 하는 사전 정의된 여러 규칙이 있습니다.

그것은 무엇을 합니까?

확장 프로그램은 개체에서 페이지 로드(http-headers, onpageload, onDOMready 등)의 전체 수명 주기를 수집한 다음 이 개체에 대해 javascript 함수를 실행하고 테스트 피드백을 반환합니다.

현재 기본적으로 테스트된 목록은 /src/public/default-rules를 참조하세요. 모든 규칙을 검사하고 비활성화/활성화할 수 있습니다. 새로운 기본 규칙이 정기적으로 추가됩니다.

페이지 로드 수명 주기의 어떤 데이터가 수집되는지 확인하려면 /sample-rules/sample.page-object-25112017.json을 참조하세요.

그것은 무엇을 할 수 있습니까?

모든 것! 자신만의 테스트를 작성할 수 있습니다! 페이지 로드 및 렌더링 수명 주기 동안 브라우저에서 발생하는 모든 작업을 검사하고 분석할 수 있습니다!

추가적으로 이러한 규칙 내에서 타사 REST-API를 호출할 수 있습니다. CORS 헤더나 일반 가져오기 제한을 무시하는 경우도 있습니다.

또한 가져오기를 통해 일반 페이지 및 기타 리소스를 가져올 수도 있습니다. 즉, 한 페이지에서 실행되는 규칙은 동일한 도메인이나 다른 제3자 도메인의 다른 URL을 가져올 수 있습니다. 도메인의 robots.txt를 가져온 다음 현재 테스트된 URL이 허용/비허용되는지 테스트하는 규칙은 /default-rules/robotstxt-googlebot-url-check-v2.js를 참조하세요.

사용자 도쿠

Google 문서도구 보기

개발

자신만의 규칙을 개발하려면 Chrome App Store를 통해 확장 프로그램을 설치하면 됩니다.

더 자세히 알아보고 싶다면 이 담당자를 복제하세요. 그런 다음:

모든 종속성 설치

npm install

빌드 프로세스 실행(개발 전용)

빌드 프로세스를 한 번 실행합니다(이를 위해서는 grunt-cli 설치 npm install -g grunt-cli 필요). 변경된 파일을 감시하고 필요한 경우 자동으로 확장 프로그램을 다시 로드합니다.

grunt

chrome://extensions/를 열고 압축이 풀린 확장 프로그램 설치를 ./build 폴더로 지정하세요.

프로덕션 준비 파일 빌드 + 아카이브

다음 명령을 실행하여 Google 확장 대시보드에 업로드할 수 있는 프로덕션 준비 zip 아카이브를 빌드하세요.

grunt dist

아카이브는 /dist/export.zip 에 저장됩니다.

규칙

프로덕션 준비 규칙은 /src/public/default-rules에서 찾을 수 있습니다.

/sample-rules 안에는 몇 가지 샘플 규칙과 자신만의 규칙을 작성하는 방법에 대한 문서가 있습니다. 그런 다음 확장 프로그램의 설정 페이지에서 애플리케이션에 규칙을 추가할 수 있습니다.

정말 간단한 시작점은 /sample-rules/debug-hello-world.js를 참조하세요. (그리고 설명은 /sample-rules/debug-hello-world-with-comments.js를 참조하세요.)

또한 /sample-rules/debug-stringify-page-object.js는 방문하는 모든 페이지의 페이지 개체(페이지 수명 주기에 대해 수집된 정보)를 검사할 수 있는 쉬운 방법을 제공합니다.

특허

• /sample-rules/ 디렉터리 내의 모든 규칙은 MIT 라이선스입니다.
• /public/default-rules/ 디렉토리 내의 모든 규칙은 MIT 라이센스를 받았습니다.
• 디렉토리 내의 세부정보를 확인하세요.

이 저장소 내의 다른 모든 코드는 달리 정의되지 않은 경우 현재 다음에서 사용할 수 있습니다.

기여 라이센스 .

당신은 에 오신 것을 환영합니다

• 코드를 검토하다
• 브라우저에 애플리케이션을 설치하세요
• 이슈, 풀 요청, 기타 피드백 제출
• 코드베이스에 대해 배우거나 피드백을 전달하려는 목적으로 컴퓨터의 개발 모드에서 이 확장을 컴파일하고 사용하십시오.
• 자신 또는 조직 내에서 교육 목적으로 코드를 사용하십시오.

현재는 하지 않음

• 이 라이선스를 제거하세요
• www.fullstackoptimization.com에서 브랜딩이나 링크를 제거하세요.
• 이 저장소의 코드를 기반으로 무료 또는 상용 제품을 만듭니다.
• 이 코드를 기반으로 한 제품을 앱 스토어에 제출하세요.
• 회사 내 여러 컴퓨터에 개발자 모드로 이 확장 프로그램을 설치하세요.

이러한 제한 사항은 /sample-rules/ 및 /public/default-rules/ 코드에는 적용되지 않습니다.

이 라이센스는 향후 변경될 수 있습니다. 이 제품에 가장 적합한 장기 라이센스가 무엇인지 알아내야 합니다.

권리 보유자: f19n dot com의 Franz Enzenhofer fe