diff --git a/README.md b/README.md index 48fcb5a..241d466 100644 --- a/README.md +++ b/README.md @@ -7,16 +7,18 @@ A chrome extension to visualize JSON response in awesome Tree and Chart view wit ## Features -* ✅ Beautify JSON response from API url. -* ✅ Visual representation of response -* ✅ Depth traversing of JSON property using breadcrumbs -* ✅ Write custom JSON in JSON Input area -* ✅ URL filters to bypass on listed websites -* ✅ Switch Themes -* ✅ Custom CSS -* ✅ Cool User Interface. -* ✅ Copy property and value -* ✅ Access JSON in your console using 'json' keyword +✅ Beautify JSON response from API +✅ Visual representation of JSON +✅ Depth traversing of JSON property using breadcrumbs +✅ Write custom JSON in Input area +✅ Import local JSON file +✅ Download JSON file using Context Menu +✅ URL filters +✅ Change Themes +✅ Custom CSS +✅ Cool User Interface. +✅ Copy property and value +✅ Access JSON in your console using only `json` keyword ## Screen Shots ![Awesome JSON](https://raw.githubusercontent.com/rbrahul/Awesome-JSON/master/awesome-json-slideshow.gif "Awesome JSON an awesome Chrome extension to assist development") @@ -28,7 +30,7 @@ A chrome extension to visualize JSON response in awesome Tree and Chart view wit -## Change Log: +## Change Log: ### Version 1.1.3 on 22-05-2020 **Bug Fixed** @@ -37,7 +39,7 @@ A chrome extension to visualize JSON response in awesome Tree and Chart view wit ### Version 1.1.2 on 21-05-2020 **Bug Fixed** * Index.html page is not loading because /static/js/main.js and /static/css/main.css was missing. - --- + --- ### Version 1.1.1 on 20-05-2020 **New Features:** * Added option page to control UI and experience. diff --git a/src/App.js b/src/App.js index 85c530e..4386c2d 100644 --- a/src/App.js +++ b/src/App.js @@ -88,11 +88,9 @@ class App extends Component { showLogInConsole() { console.log( - "%cYou have access to JSON data in the console now : %cjson.property_name %cor %cjson['property-name']", - 'font-size:14px; color: #4fdee5;background:black;padding:8px;', - 'font-size:14px;color:orange;font-family:monospace;font-weight:bold;background:black;padding:8px;', - 'font-size:14px;color:white;font-family:monospace;font-weight:bold;background:black;padding:8px;', - 'font-size:14px;color:orange;font-family:monospace;font-weight:bold;background:black;padding:8px;', + '%cTo access the JSON data just write: %cjson', + 'font-size:14px; color: #4fdee5;background:black;padding:8px;padding-right:0px', + 'font-size:14px;color:orange;font-weight:bold;background:black;padding:8px;padding-left:0px', ); }