Eclipse中能否在JSP文件按Ctrl+点击class属性跳转对应CSS定义?
结论
原生Eclipse默认的基础JSP编辑器没有内置按住Ctrl点击class属性值直接跳转对应CSS样式定义的功能,需要搭配对应插件、完成基础配置后才能实现这个效果。
具体实现方式
- 优先用Eclipse官方的Web工具平台插件(WTP):如果你下载的是面向企业Java和Web开发者的Eclipse安装包,这个插件是默认预装的;如果是基础版Eclipse,可以在Eclipse插件市场搜索安装WTP即可。
安装完成后需要满足几个前提才能正常跳转:- 你的JSP、CSS文件必须放在同一个动态Web项目的标准资源目录下,不要放在未纳入项目构建路径的外部文件夹里
- JSP文件里必须写对对应CSS的引入路径,比如通过
<link>标签正确关联style.css,插件只有识别到文件关联关系才能做跳转匹配 - 打开JSP的时候要选择WTP提供的JSP编辑器打开,不要用纯文本编辑器或者其他不支持Web语义识别的编辑器
- 如果WTP的跳转识别准确率不够,可以安装前端开发增强类的Eclipse插件,这类插件会全局扫描项目内所有CSS文件的类选择器定义,不需要严格依赖页面上的CSS引入路径,按住Ctrl点击class值就能直接匹配到对应样式位置。
示例场景验证
按照要求配置完成后,你提到的场景可以正常实现:
Index.jsp内的代码片段:
<div class="top-menu"> <!-- some things here --> </div>
关联的style.css内的对应代码:
.top-menu { margin : 10px; position : relative; }
此时按住Ctrl点击JSP里的top-menu类名,就会直接定位到style.css中.top-menu对应的样式定义行。
内容的提问来源于stack exchange,提问作者Dilbagh Singh
相关产品推荐
相关产品推荐

