Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Detect Vue technologies running on a website ✨

License

NotificationsYou must be signed in to change notification settings

nuxtlabs/vue-telescope-analyzer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CLI to analyze a website and detect Vue and its ecosystem ✨

Discover Vue websites in your browser using theVue Telescope Chrome / Firefox / Edge extension 💚

Installation

npm i -g vue-telescope-analyzer

Usage

vta [url]# Examplevta https://nuxt.com

render1585566509798

It supports multipleframeworks,UI libraries andVue plugins.

Frameworks

To support a new Vue framework, please look atdetectors/frameworks.json.

UI Libraries

To support a new UI library, please look atdetectors/uis.json.

Vue Plugins

To support a new Vue plugin, please look atdetectors/plugins.json.

Nuxt Info

WhenNuxt is detected as a framework, it will also detect:

  • If the website isserver-rendered (mode: 'universal')
  • If the website isstatic (nuxt generate)

Seedetectors/nuxt.meta.json for the detection.

It will also detect the Nuxt modules used, refer todetectors/nuxt.modules.json to support new Nuxt modules.

NPM Module

You can usevue-telescope-analyzer locally on your project:

npm install vue-telescope-analyzer# Or yarn add vue-telescope-analyzer

Then you can use the module in your project:

constanalyze=require('vue-telescope-analyzer')analyze('https://nuxt.com').then(result=>console.log(result)).catch(error=>console.error(error))

Result:

{url:'https//nuxt.com/',hostname:'nuxt.com',domain:'nuxt.com',meta:{language:'en',title:'Nuxt: The Intuitive Vue Framework · Nuxt',description:'Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.',siteName:'Nuxt',isAdultContent:false},vueVersion:'3.4.21',hasSSR:true,isStatic:true,framework:{slug:'nuxtjs',name:'Nuxt',imgPath:'/framework/nuxt.svg',url:'https://nuxt.com',version:'3.10.3'},plugins:[{slug:'vue-router',name:'vue-router',imgPath:null,url:'https://router.vuejs.org/'}],ui:{slug:'tailwind-css',name:'Tailwind CSS',imgPath:'/ui/tailwind.svg',url:'https://tailwindcss.com/'},frameworkModules:[{slug:'nuxt-content',name:'@nuxt/content',imgPath:null,url:'https://content.nuxtjs.org'},{slug:'nuxtjs-color-mode',name:'@nuxtjs/color-mode',imgPath:null,url:'https://color-mode.nuxtjs.org'},{slug:'nuxt-ui',name:'@nuxt/ui',imgPath:null,url:'https://ui.nuxt.com'},{slug:'nuxt-ui-pro',name:'@nuxt/ui-pro',imgPath:null,url:'https://ui.nuxt.com/pro'}],screenshot:'/var/folders/.../00b97a2040a9aeffc8d5c9d855d2643a.jpg'}

Contributing

  1. Clone this repository
  2. Install dependencies usingyarn install ornpm install
  3. Update the code right insidesrc/ ordetectors/
  4. Test it with./bin/vta.js https://your-url-to-test
  5. If you add a new detector, please add the icon inicons/ (SVG cleaned withSVGOMG)

License

MIT License

[8]ページ先頭
©2009-2025 Movatter.jp