希望可以针对移动端做优化

[u3u]

扩展的功能很棒！用了一下发现了一些问题：

1.无法选择子组件 选择的一直是最外层的页面 2.选择之后无法取消（没有监听 mouseout）

3.以浮层方式显示对移动端页面不友好 因为屏幕小内容显示不完整 可以参考一下 vue-devtools 的方式 在开发者工具新增一个 vue-component-finder 的标签页 左侧显示页面的所有组件树 右侧则显示组件对应编辑器中的代码块 点击后跳转到编辑器中对应的行列 如果做成这样的话会更加方便的！

4.扩展的样式影响到正常的页面了 比如说 https://segmentfault.com/ 的代码高亮样式被覆盖了

[csonlai]

@u3u 感谢 这几点意见都很赞~ 不过对于第一点 想确认一下 子组件是使用template标签渲染模版还是自定义的render函数呢?另外子组件是否有大于0的width/height?正常的话应该是能被选择的

[u3u]

组件都是有宽高的，组件是使用 template 标签渲染的，创建 Vue 实例用的是 render 函数渲染的 另外 Vue 选择的是仅运行时的版本，和这个有关系吗 🤔

[u3u]

我傻了 组件我用的是第三方的 没有配置在 vue-component-finder-loader 的 include 选项中 测试引入自己写的组件可以正常选择 😅

[csonlai]

@u3u 那就好~ 另外几点意见 我也看看优化一下

[jacrys]

在＃4上，您似乎默认将第三方CSS，highlight.css应用于所有页面。这会导致任何使用highlightJS的页面上的任何代码样式将字体颜色更改为＃F8F8F8，这是一种略带白色的颜色