`
mike.gao
  • 浏览: 48465 次
  • 性别: 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;
}
分享到:
评论

相关推荐

    NC开发环境远程调试端口配置.docx

    NC开发环境远程调试端口配置 NC开发环境远程调试端口配置是指在NC开发环境中配置远程调试端口,以便在开发过程中进行调试和故障排除。下面是相关的知识点: 一、运行环境配置 * 在NC开发环境中,需要在./nc...

    asp简易调试程序,调试环境

    标签再次确认了这个压缩包的内容,即"asp简易调试程序"和"调试环境",表明这个压缩包提供的是一套ASP开发的调试解决方案。 在压缩包子文件的文件名称列表中,有两个关键文件: 1. ASPwebserver.exe:这可能是简易...

    asp网页调试工具,直接调试ASP网页

    而"asp网页调试工具"提供了一种无需安装IIS就能直接调试ASP网页的解决方案,使得开发者的工作变得更加便捷。 这个工具的主要特点在于其易用性和实用性。它简化了调试过程,不再需要配置复杂的服务器环境,只需运行...

    Android离线webview调试工具,开发H5混合应用必备

    1. **本地调试支持**:通过内置的调试机制,开发者可以直接在Android设备上进行H5页面的调试,无需依赖外部网络。 2. **跨机型兼容**:无论你的设备是旗舰手机还是低端平板,此工具都能正常运行,确保调试过程不受...

    STM32编译开发环境及仿真调试篇-----野马学习笔记(一)

    ### STM32编译开发环境及仿真调试篇 #### 概述 STM32作为一款高性能、低功耗的32位微控制器,被广泛应用于各种嵌入式系统设计之中。针对STM32的开发环境主要包括编译工具、调试工具等。本篇将详细介绍如何在IAR ...

    jdk开发环境必备

    Java Development Kit,简称JDK,是Java编程语言的软件开发工具包,它是Java开发环境的基础。它包含了Java编译器、Java运行时环境(JRE)、调试器、Java文档以及各种实用工具,如jar打包工具等。对于任何想要编写、...

    java-windows开发环境搭建

    在进行Java程序开发之前,搭建一个合适的开发环境至关重要,尤其是针对Windows操作系统。本文将详细介绍Java在Windows平台上的开发环境搭建过程,包括下载与安装JDK(Java Development Kit)以及配置开发工具Eclipse...

    调试vue3 开发的 chrome 插件

    `vue2-vue3-devtools`可能是一个针对Vue2和Vue3都支持的特殊版本,这使得开发者能够在同一环境中调试不同版本的Vue项目。 在实际操作中,一旦Vue DevTools安装成功,开发者可以在Chrome浏览器的开发者工具(F12或...

    U8开发之BS前端调试技术

    【U8开发之BS前端调试技术】主要涉及的是在IE浏览器环境下进行Web开发时的调试技巧,特别是针对IE8及以上版本的IE开发人员工具的使用。这篇文章深入讲解了如何利用这个工具来优化前端代码,包括HTML、CSS的调试,...

    Visual+C++开发工具与调试技巧整理

    ### Visual C++ 开发工具与调试技巧详解 #### 一、快速规范代码缩进格式 在Visual C++中,为了保持代码的整洁性和可读性,开发者常常需要对代码进行格式化。对于选定的代码段,只需按下`Shift + F8`组合键,即可...

    ASP专业调试工具

    3. **变量检查**:通过此工具,开发者可以方便地查看页面执行过程中各变量的值,从而了解代码执行状态,这对于理解和调试复杂的逻辑流程至关重要。 4. **性能分析**:由于该工具比IIS更快,开发者可以更快地得到...

    海康前端调试页面demo.zip

    海康前端调试页面提供了一个这样的环境,帮助开发者快速定位和解决问题。 8. **文件版本管理**:“WEB无插件开发包_20200616”中的日期可能表示文件的创建或更新时间,这对于跟踪工具的版本和修复历史非常重要,...

    iespy 页面调试工具 非常方便 随意输入函数

    【iespy 页面调试工具】是一种高效且用户友好的网页调试...通过在实际环境中直接输入和测试函数,iespy能够帮助开发者快速定位问题,节省大量时间和精力,提升开发效率,是每个使用IE浏览器进行Web开发者的必备工具。

    Moss 2012开发环境搭建

    3. **测试与调试**:设置调试选项,如启用远程调试,以便在Visual Studio中直接调试SharePoint代码。 通过以上步骤,你应该已经成功地搭建了一个Moss 2012的开发环境。在这个环境中,你可以开发SharePoint解决方案...

    HTML5 开发环境搭建

    为了有效地利用HTML5进行开发,一个完善的开发环境是必不可少的。本文将详细阐述如何搭建一个高效的HTML5开发环境。 首先,我们需要安装基础软件。这通常包括文本编辑器、浏览器和版本控制工具。文本编辑器是编写...

    ANDROID开发环境搭建

    ### Android开发环境搭建知识点 #### 一、软件准备 **1. JDK (Java Development Kit)** - **定义**: JDK是Java开发工具包,包含了Java虚拟机(JVM)、Java核心类库和支持文件等,是Android开发的基础。 - **下载...

    eclipse开发环境

    Eclipse是一款广泛使用的开源集成开发环境(IDE),尤其在Java开发者中非常流行。它以其强大的功能、灵活性和可扩展性而著称。本篇将详细阐述Eclipse在Java开发环境中的应用及其重要特性。 首先,Eclipse是为64位...

    IE页面调试工具,ie中的firbug

    在开发过程中,不断测试和调试是提升代码质量和网页性能的关键步骤,而IE页面调试工具正是这一过程中的得力助手。 需要注意的是,随着技术的发展,现代的Edge浏览器已经不再支持IEDevToolBar,而是采用更先进的...

Global site tag (gtag.js) - Google Analytics