DevTools.md

DevTools

Table of contents

• Chrome DevTools
• Umar Hansa - "Dev Tools" Newsletter
• Other
• Snippets

Chrome DevTools - Google Developers

• Local Overrides

Umar Hansa - "Dev Tools" Newsletter

• Copy and extract all the CSS for an element on the page - (8/11/2019)
• Quickly clear all the data from a website - (4/9/2019)
• The five most popular DevTools tips from 2018 - (1/8/2019)

Other

• Getting creative with the Console API!
  by Areknawo (4/6/2019)

• A list of cool Chrome DevTools Tips and Tricks
  by Flavio Copes (3/20/2018)

• Improve Your Debugging Skills with Chrome DevTools
  by Telerik (3/21/2018)

• Console cheat sheet for JavaScript developers by Javascript Jeep (11/2019)

Snippets

---

// LIST SELECT VALUES
$("select").each(function(){
    console.log($(this).attr('value'));
});

// LIST SELECT ID's
$("select").each(function(){
    console.log($(this).attr('id'));
});

// LIST TEXT FROM SELECTED OPTIONS 
$("select option:selected").each(function(){
    console.log($(this).text());
});

//LIST ID/VALUE/TEXT OF ALL SELECT ELEMENTS
$("select").each(function(){
    console.log($(this).attr('id') + ' = ' + $('option:selected',this).val() + " = " +$('option:selected',this).text());
});

// LIST ID/VALUE OF ALL SELECT ELEMENTS
$("select option:selected").each(function(){
    console.log($(this).attr('id') + ' = ' + $(this).val() );
});

// LIST HREF LINK WITH THE TITLE OF THE SPAN
$("a").each(function(){
    console.log($(this).attr('href') + ' = ' + $("span",this).attr("title") );
});


// 7/22/2019
// LIST SELECTED PARAMETERS - COPY FRIENDLY
item = "";
$("select").each(function(){
    item = item + $(this).attr('id') + ' = ' + $('option:selected',this).val() + " = " +$('option:selected',this).text()+"\n";
});
console.log(item);

// 7/22/2019
// LIST SELECTED PARAMETERS - COPY FRIENDLY
item = "R: " + $('h2').text() + "\nPARAMETERS USED TO RUN R:\n";
$("select").each(function(){
    item = item + "\t"+$(this).attr('id') + ": " +$('option:selected',this).text()+"\n";
});
item = item.replace('PId','Product');
item = item.replace('RPSystems_0__IpmPSystemId','P System');
item = item.replace('RType','R Type');
item = item.replace('RPStartDate','R P Start Date');
item = item.replace('RPEndMonth','R P End Month');
item = item.replace('RPEndYear','R P End Year');
item = item.replace('RRunMonth','R P');
item = item.replace('RRunYear','R Year');
item = item.replace('HRunOut','HC Run Out');
item = item.replace('HMMYear','HM Year');
console.log(item);

// 7/23/2019
// GET ALL CONFIG
item = "R: " + $('h2').text() + "\nPARAMETERS USED TO RUN R:\n";
$("div.inputGroup div select").each(function(){
    item = item + "\t"+$(this).attr('id') + ": " +$('option:selected',this).text()+"\n";
});
// item = item.replace('PId','Product');
// item = item.replace('RPSystems_0__IpmPSystemId','P System');
// item = item.replace('RType','R Type');
// item = item.replace('RPStartDate','R P Start Date');
// item = item.replace('RPEndMonth','R P End Month');
// item = item.replace('RPEndYear','R P End Year');
// item = item.replace('RRunMonth','R P');
// item = item.replace('RRunYear','R Year');
// item = item.replace('HRunOut','H C Run Out');
// item = item.replace('HMYear','H M Year');
console.log(item);



$("form input:checkbox").each(function(){
    console.log($(this).attr('value'));
    });

---

// PLUS ONE MINUS ONE QUALITY REPORT
$("#ProductId option[value='100000']").attr("selected","selected").change();

$("#ReportProviderSystems_0__IpmProviderSystemId option[value='100000']").attr("selected","selected").change();

$("#ReportType option[value='1']").attr("selected","selected").change();

$("#ReportRunMonth option[value='3']").attr("selected","selected").change();

$("#ReportRunYear option[value='2017']").attr("selected","selected").change();

// UNCHECK ALL CHECKBOXES
$("input").prop('checked', false); 

---

// jQuery REMOVE ERROR
$("div").removeClass("has-error");

// RUN CDP Incentive Reports
$('#frmReport').submit();  

---