mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-19 08:28:41 +00:00
aaa
This commit is contained in:
xuyanfeng
parent
38c74e44d6
commit
2fcb4ff2d1
1549
CocosCreatorInspector/package-lock.json
generated
1549
CocosCreatorInspector/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -11,7 +11,7 @@
|
|||||||
"dev-popup": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8083/popup.html --inline --progress --hot --port 8083",
|
"dev-popup": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8083/popup.html --inline --progress --hot --port 8083",
|
||||||
"dev-inspector": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8084/devInspector.html --inline --progress --hot --port 8084",
|
"dev-inspector": "cross-env NODE_ENV=development webpack-dev-server --open http://localhost:8084/devInspector.html --inline --progress --hot --port 8084",
|
||||||
"build": "webpack --config ./src/webpack.config.js --progress",
|
"build": "webpack --config ./src/webpack.config.js --progress",
|
||||||
"build-watch": "webpack --config ./src/webpack.config.js --hide-modules --progress --watch"
|
"build-watch": "webpack --config ./src/webpack.config.js --progress --watch"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/chrome": "0.0.133",
|
"@types/chrome": "0.0.133",
|
||||||
@ -51,7 +51,7 @@
|
|||||||
"vue-loader": "^15.9.6",
|
"vue-loader": "^15.9.6",
|
||||||
"vue-template-compiler": "^2.4.4",
|
"vue-template-compiler": "^2.4.4",
|
||||||
"webpack": "^4.46.0",
|
"webpack": "^4.46.0",
|
||||||
"webpack-cli": "^4.6.0",
|
"webpack-cli": "^3.3.12",
|
||||||
"webpack-dev-server": "^2.9.1"
|
"webpack-dev-server": "^3.8.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
117
CocosCreatorInspector/src/popup/app.vue
Normal file
117
CocosCreatorInspector/src/popup/app.vue
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
<template>
|
||||||
|
<div id="popup">
|
||||||
|
<div style="display: flex;flex-direction: row;align-items: center;">
|
||||||
|
<h3 v-show="false"> title </h3>
|
||||||
|
<div style="flex: 1"></div>
|
||||||
|
<el-button size="mini" @click="onClickOptions">设置</el-button>
|
||||||
|
<el-button size="mini" @click="onMsgToBg">To-Bg</el-button>
|
||||||
|
<el-button size="mini" @click="onSendMsg">Msg</el-button>
|
||||||
|
</div>
|
||||||
|
<div style="text-align: center;width: 100%; color: #6d6d6d;">
|
||||||
|
<span>支持作者</span>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<div style="margin:0 auto;width:100%;">
|
||||||
|
<div style="width: 200px; margin: 0 auto;" v-show="isShowMoneyPng">
|
||||||
|
<img style="width: 100%;height: auto;" src="./res/money.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<div id="foot" style="height: 30px;">
|
||||||
|
<span style="font-size: 14px;float: left;text-align: center;line-height: 30px;color: #6d6d6d;">联系方式:</span>
|
||||||
|
<div style="height: 100%;float: right;margin-right: 10px;">
|
||||||
|
<a href="https://github.com/tidys/CocosCreatorPlugins/tree/master/CocosCreatorInspector" target="_blank">
|
||||||
|
<img v-show="false" src="./res/github.png" style="height: 100%;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div style="height: 100%;float: right;margin-right: 10px;">
|
||||||
|
<a href="https://jq.qq.com/?_wv=1027&k=5SdPdy2" target="_blank">
|
||||||
|
<img v-show="false" src="./res/qq.png" style="height: 100%;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div style="height: 100%;float: right;margin-right: 10px;">
|
||||||
|
<a href="http://forum.cocos.com/t/chrome-creator/55669" target="_blank">
|
||||||
|
<img v-show="false" src="./res/tiezi.png" style="height: 100%;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import Vue from 'vue'
|
||||||
|
import 'vue-awesome/icons/flag'
|
||||||
|
import 'vue-awesome/icons'
|
||||||
|
import Icon from 'vue-awesome/components/Icon'
|
||||||
|
import {Component} from 'vue-property-decorator'
|
||||||
|
import chrome from 'chrome'
|
||||||
|
import {Button} from 'element-ui'
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
components: {
|
||||||
|
Icon,
|
||||||
|
Button,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export default class Index extends Vue {
|
||||||
|
longConn: chrome.runtime.Port = false
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: "cc-inspector",
|
||||||
|
isShowMoneyPng: true,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
created() {
|
||||||
|
this._initLongConn();
|
||||||
|
}
|
||||||
|
|
||||||
|
onBtnClickGitHub() {
|
||||||
|
console.log("onBtnClickGitHub");
|
||||||
|
}
|
||||||
|
|
||||||
|
onClickOptions() {
|
||||||
|
chrome.tabs.create({url: 'pages/options.html'})
|
||||||
|
}
|
||||||
|
|
||||||
|
_initLongConn() {
|
||||||
|
if (!this.longConn) {
|
||||||
|
console.log("[popup] 初始化长连接");
|
||||||
|
this.longConn = chrome.runtime.connect({name: "popup"});
|
||||||
|
this.longConn.onMessage.addListener(function (data, sender) {
|
||||||
|
this._onLongConnMsg(data, sender);
|
||||||
|
}.bind(this))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_onLongConnMsg(data, sender) {
|
||||||
|
// console.log(this.title);
|
||||||
|
}
|
||||||
|
|
||||||
|
onMsgToBg() {
|
||||||
|
// 因为webpack的原因,这种方式可能拿不到里面的function, var
|
||||||
|
// chrome.extension.getBackgroundPage();
|
||||||
|
|
||||||
|
// 发送消息到background.js
|
||||||
|
chrome.runtime.sendMessage('content msg', function (data) {
|
||||||
|
console.log(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onSendMsg() {
|
||||||
|
if (this.longConn) {
|
||||||
|
this.longConn.postMessage({send: "hello"});
|
||||||
|
//@import "../index.less";
|
||||||
|
//#popup{
|
||||||
|
// width: auto;
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
9
CocosCreatorInspector/src/popup/index.js
Normal file
9
CocosCreatorInspector/src/popup/index.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import Vue from 'vue';
|
||||||
|
import app from './index.vue';
|
||||||
|
import ElementUI from 'element-ui';
|
||||||
|
import 'element-ui/lib/theme-chalk/index.css';
|
||||||
|
|
||||||
|
Vue.use(ElementUI);
|
||||||
|
new Vue({
|
||||||
|
render: h => h(app)
|
||||||
|
}).$mount('#app');
|
||||||
@ -1,11 +0,0 @@
|
|||||||
import Vue from 'vue';
|
|
||||||
|
|
||||||
import ElementUI from 'element-ui'
|
|
||||||
import 'element-ui/lib/theme-chalk/index.css'
|
|
||||||
Vue.use(ElementUI);
|
|
||||||
|
|
||||||
import index from './index.vue';
|
|
||||||
new Vue({
|
|
||||||
el: '#app',
|
|
||||||
render: h => h(index)
|
|
||||||
});
|
|
||||||
@ -1,117 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="popup">
|
<div id='app' style="background: red;">
|
||||||
<div style="display: flex;flex-direction: row;align-items: center;">
|
1111
|
||||||
<h3 v-show="false"> title </h3>
|
<!-- <app></app>-->
|
||||||
<div style="flex: 1"></div>
|
|
||||||
<el-button size="mini" @click="onClickOptions">设置</el-button>
|
|
||||||
<el-button size="mini" @click="onMsgToBg">To-Bg</el-button>
|
|
||||||
<el-button size="mini" @click="onSendMsg">Msg</el-button>
|
|
||||||
</div>
|
|
||||||
<div style="text-align: center;width: 100%; color: #6d6d6d;">
|
|
||||||
<span>支持作者</span>
|
|
||||||
</div>
|
|
||||||
<br/>
|
|
||||||
<div style="margin:0 auto;width:100%;">
|
|
||||||
<div style="width: 200px; margin: 0 auto;" v-show="isShowMoneyPng">
|
|
||||||
<img style="width: 100%;height: auto;" src="./res/money.jpg">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<br/>
|
|
||||||
<div id="foot" style="height: 30px;">
|
|
||||||
<span style="font-size: 14px;float: left;text-align: center;line-height: 30px;color: #6d6d6d;">联系方式:</span>
|
|
||||||
<div style="height: 100%;float: right;margin-right: 10px;">
|
|
||||||
<a href="https://github.com/tidys/CocosCreatorPlugins/tree/master/CocosCreatorInspector" target="_blank">
|
|
||||||
<img v-show="false" src="./res/github.png" style="height: 100%;">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div style="height: 100%;float: right;margin-right: 10px;">
|
|
||||||
<a href="https://jq.qq.com/?_wv=1027&k=5SdPdy2" target="_blank">
|
|
||||||
<img v-show="false" src="./res/qq.png" style="height: 100%;">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div style="height: 100%;float: right;margin-right: 10px;">
|
|
||||||
<a href="http://forum.cocos.com/t/chrome-creator/55669" target="_blank">
|
|
||||||
<img v-show="false" src="./res/tiezi.png" style="height: 100%;">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<script>
|
||||||
|
// import app from './app.vue';
|
||||||
|
|
||||||
<script lang="ts">
|
export default {
|
||||||
import Vue from 'vue'
|
name: 'app',
|
||||||
import 'vue-awesome/icons/flag'
|
|
||||||
import 'vue-awesome/icons'
|
|
||||||
import Icon from 'vue-awesome/components/Icon'
|
|
||||||
import {Component} from 'vue-property-decorator'
|
|
||||||
import chrome from 'chrome'
|
|
||||||
import {Button} from 'element-ui'
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
components: {
|
components: {
|
||||||
Icon,
|
// app,
|
||||||
Button,
|
|
||||||
}
|
}
|
||||||
})
|
};
|
||||||
export default class Index extends Vue {
|
|
||||||
longConn: chrome.runtime.Port = false
|
|
||||||
|
|
||||||
// data() {
|
|
||||||
// return {
|
|
||||||
// title: "cc-inspector",
|
|
||||||
// isShowMoneyPng: true,
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// created() {
|
|
||||||
// this._initLongConn();
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// onBtnClickGitHub() {
|
|
||||||
// console.log("onBtnClickGitHub");
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// onClickOptions() {
|
|
||||||
// chrome.tabs.create({url: 'pages/options.html'})
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// _initLongConn() {
|
|
||||||
// if (!this.longConn) {
|
|
||||||
// console.log("[popup] 初始化长连接");
|
|
||||||
// this.longConn = chrome.runtime.connect({name: "popup"});
|
|
||||||
// this.longConn.onMessage.addListener(function (data, sender) {
|
|
||||||
// this._onLongConnMsg(data, sender);
|
|
||||||
// }.bind(this))
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// _onLongConnMsg(data, sender) {
|
|
||||||
// // console.log(this.title);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// onMsgToBg() {
|
|
||||||
// // 因为webpack的原因,这种方式可能拿不到里面的function, var
|
|
||||||
// // chrome.extension.getBackgroundPage();
|
|
||||||
//
|
|
||||||
// // 发送消息到background.js
|
|
||||||
// chrome.runtime.sendMessage('content msg', function (data) {
|
|
||||||
// console.log(data);
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// onSendMsg() {
|
|
||||||
// if (this.longConn) {
|
|
||||||
// this.longConn.postMessage({send: "hello"});
|
|
||||||
// //@import "../index.less";
|
|
||||||
// //#popup{
|
|
||||||
// // width: auto;
|
|
||||||
// //}
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style scoped lang="less">
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|||||||
@ -30,8 +30,8 @@ let htmlPage = function (title, filename, chunks, template) {
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
mode: 'development',
|
mode: 'development',
|
||||||
entry: {
|
entry: {
|
||||||
test: resolve('test'),
|
// test: resolve('test'),
|
||||||
popup: resolve('popup'),
|
popup: resolve('popup/index.js'),
|
||||||
devtools: resolve('devtools'),
|
devtools: resolve('devtools'),
|
||||||
devtools_panel: resolve('devtools/panel'),
|
devtools_panel: resolve('devtools/panel'),
|
||||||
background: resolve('background'),
|
background: resolve('background'),
|
||||||
@ -62,7 +62,7 @@ module.exports = {
|
|||||||
dry: false,//启用删除文件
|
dry: false,//启用删除文件
|
||||||
}),
|
}),
|
||||||
|
|
||||||
htmlPage('test', 'test', ['test']),
|
// htmlPage('test', 'test', ['test']),
|
||||||
htmlPage('popup', 'popup', ['popup']),
|
htmlPage('popup', 'popup', ['popup']),
|
||||||
htmlPage('devtools', 'devtools', ['devtools']),
|
htmlPage('devtools', 'devtools', ['devtools']),
|
||||||
htmlPage('devtools_panel', 'devtools_panel', ['devtools_panel']),
|
htmlPage('devtools_panel', 'devtools_panel', ['devtools_panel']),
|
||||||
@ -185,7 +185,7 @@ module.exports = {
|
|||||||
alias: {
|
alias: {
|
||||||
'vue$': 'vue/dist/vue.esm.js'
|
'vue$': 'vue/dist/vue.esm.js'
|
||||||
},
|
},
|
||||||
extensions: ['*', '.js', '.vue', '.json', '.ts', '.tsx']
|
extensions: ['*', '.ts', '.js', '.vue', '.json']
|
||||||
},
|
},
|
||||||
devServer: {
|
devServer: {
|
||||||
contentBase: './dist',//本地服务器所加载的页面所在的目录
|
contentBase: './dist',//本地服务器所加载的页面所在的目录
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user