`
mike.gao
  • 浏览: 46605 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

开发环境页面直接调试

阅读更多
#首先,在layout里边的合适地方添加debug,并且使用折叠效果
<% if ENV["RAILS_ENV"] == "development" %> 
  <div id="debug"> 
    <a href="#" onclick="Element.toggle('params_debug_info');return false">params</a>| 
    <a href="#" onclick="Element.toggle('session_debug_info');return false">session</a>| 
    <a href="#" onclick="Element.toggle('env_debug_info');return false">env</a>| 
    <a href="#" onclick="Element.toggle('request_debug_info');return false">request</a> 
    <fieldset id="params_debug_info" class="debug_info" style="display: none"> 
      <legend>params</legend> 
      <%= debug(params) %> 
    </fieldset> 
    <fieldset id="session_debug_info" class="debug_info" style="display: none"> 
      <legend>session</legend> 
      <%= debug(session) %> 
    </fieldset> 
    <fieldset id="env_debug_info" class="debug_info" style="display: none"> 
      <legend>env</legend> 
      <%= debug(request.env) %> 
    </fieldset> 
    <fieldset id="request_debug_info" class="debug_info" style="display: none"> 
      <legend>request</legend> 
      <%= debug(request) %> 
    </fieldset> 
  </div> 
<% end %> 

# 在适当修改一下css,让效果好看点
/* Debug Style */
#debug {
        margin-top: 1em;
        margin-left: auto;
}
#debug a,#debug a.visited {
        text-decoration: none;
        color: maroon;
}
fieldset.debug_info {
        text-align: left;
        margin: 1em;
        background: #eee;
}
分享到:
评论

相关推荐

    java script 调试工具 脚本控制台

    WEB 开发人员的得力工具,只需要在网页中嵌入一个js文件,即使在模式对话框中,也一样方便在线查看网页源码,javascript变量,在页面上执行自定义脚本,即写即运行,不影响被调试页面的外观。 主要功能: 变量 ...

    Debug-Phone:for用于浏览器的调试模块,可以在页面上或控制台中显示,用于电话调试

    由于是调试工具,实际只应该出现在开发或测试环境中,请直接在index.html中引入即可: [removed][removed] 如果你想通过npm方式管理,请先安装: npm install --save-dev debug-phone 安装好以后引入即可: im

    通过nginx反向代理来调试代码的实现

    现在公司项目都是前后端分离的方式开发,有些时候由于某些新需求开发或者 bug 修改,想要让前端直接连到我本地开发环境进行调试,而前端代码我并没有,只能通过前端部署的测试环境进行测试,最简单的办法就是直接改 ...

    MF00583-大型商城源码.zip

    1.开发环境:vs2010 + slq2005/2008 2.首先在SQL2005建立一个空白数据库。 3.有VS2010 打开项目,直接调试,根据出现提示建立数据库。 4.第3点出现的页面的管理员用户和密码就是后期软件的登陆帐户和密码。 5.本...

    微信小程序-微信小程序 城市区县定位选择器 带拼音搜索 可直接使用

    微信小程序 城市/区县定位选择器 主要功能 自动定位 城市、区县(也支持手动) 输入框内,通过 拼音搜索 城市,支持全拼、简拼 ...针对真机调试发现的,输入汉字时,输入法行为与开发环境不一致的问题,做了修改优化。

    基于JavaWeb的自行车销售系统【项目源码+数据库脚本】(毕设)

    开发环境:JDK、Eclipse、Tomcat 三、系统功能 本自行车销售系统分为以下几个功能模块: 1.主页:在这里我们可以看见本系统的主要功能和信息。 2.用户注册:在这里我们可以注册我们的基本信息,其中电话和Email是...

    基于Java的仓库管理系统【项目源码+数据库脚本】(毕设)

    一、项目简介 ...开发环境:JDK、Eclipse、Tomcat 三、系统功能 系统主要功能包括:用户登录、物资管理、添加物资、查询物资、入库物资管理、添加入门物资、查询入门物资、出库物资管理、库存物资管理等

    Android Studio实现MQTT数据收发及数据处理

    对相关的数据一目了然,同时,在页面中为物联网的开发提供了开关、按钮两个常用的组件,方便直接进行移植使用,快速开发。 调试环境:android 2021.1.1 真机调试:小米cc9 (android 11) 使用语言:Java 关键词:...

    基于JavaWeb的仓库管理系统【项目源码+数据库脚本】(毕设)

    开发环境:JDK、Eclipse、Tomcat 三、系统功能 该仓库管理系统采用B/S结构,使用JAVA开发语言,以MySQL作为后台数据库。 该系统共包含两种角色:普通管理员和系统管理员。 系统的主要功能模块包括:系统登陆、首页...

    uba-gui::wrench:A tool for uba developement -一款基于electron 开发前端集成开发和调试工具

    如何下载通过页面下的提示下载使用启动命令npm run dev启动webpack来运行开发任务、构建主线程资源、渲染线程资源npm start开启主程序uba GUI构建 & 生产npm run build然后使用以下命令:npm run pack 直接运行的...

    FcDigg v0.1 beta.rar

    1.开发环境:net framework 3.5 sql 2005 express 直接使用vs 2008 打开即可调试 2.栏目可以无限添加 3.新闻采用fck编辑器 4.支持友情链接 5.支持顶digg 6.支持tags标签 7.支持会员之间短信 8.添加删除好友 9...

    豌豆框架0.6 - 支持分层敏捷开发的PHP框架

    调试, 支持更详细的错误/异常提供, 支持提示环境中的一些信息. XML格式的配置文件, 使配置更直观, 灵活. 自带有PEAR中的一些基本和常用的类库. 免费的, 开源的. 使用BSD开源协议发行, 你可以用在任何项目中. 框架...

    New of GWT Introduction--GWT开发快速入门

    GWT的类中很少提供访问页面元素样式属性的方法,我们可以直接在CSS文件中通过对应的样式名称来设置页面元素的默认显示效果。比如使用 .gwt-Button { font-size: 150%; } 使用Button元素的默认显示效果。 3. 宿主模式...

    庖丁解牛:纵向切入ASP.NET 3.5控件和组件开发技术

    第1章 服务器控件概述及开发环境部署 .1 1.1 自定义服务器控件 1 1.2 服务器控件在软件开发过程中的作用 1 1.3 在控件开发中提升自己 2 1.4 可继承控件基类介绍 2 1.5 运行一个简单的控件 7 1.5.1 开发一个...

    【C++】2.0版游戏GUI图形界面示例程序 by浅墨

    如果是想调试并运行源代码,但是报错了,请去下载最新版DirectX SDK并进行DirectX开发环境的配置。 编写环境:VS2010 我的博客地址是http://blog.csdn.net/zhmxy555,源码结合配套文章一起看效果更佳。 希望能和...

    基于springboot邑信闲置书本交易小程序的研制.rar

    该资源包中包含了完整的源代码、数据库文件以及相关的配置文件,用户可以直接导入到开发环境中进行运行和调试。以下是该资源包的主要内容:源代码:项目中包含了前端页面、后端接口以及数据库访问层的代码。前端页面...

    基于Java Web的智能二维码门禁管理系统源码+设计文档(毕业论文).zip

    2.1开发环境 开发工具:Eclipse+微信web开发者工具;操作系统:Windows10 版本17763;数据库:Mysql5.7及以上;Web服务器:Tomcat7.0 ;JDK版本:JDK1.8 2.2功能概述 此智能二维码门禁系统主要由三部分组成:Java后端部分...

    庖丁解牛纵向切入ASP.NET 3.5控件和组件开发技术.pdf

    针对读者安装的开发环境不同,笔者分别为vs 2005和vs 2008建立了解决方案,即无论您是使用vs 2005还是vs 2008都可以成功打开本书随书光盘的代码,只是使用vs 2005打开的解决方案不包含.net 3.5对应章节内容的示例...

    【最新版】wechat_devtools_1.02.2004020.dmg【亲测可用】最好的微信开发者工具

    A 新增 云开发环境中的存储桶被删除时,支持在云控制台中创建存储桶 A 新增 新建 Page 失败后会给出失败提示 A 新增 JSServer 支持文件 diff A 新增 不再存储 project.config.json 里自定义编译条件的 current 值...

Global site tag (gtag.js) - Google Analytics