TECH TO THE POINT

    (For #webdevelopers ) Here is a difference in error detection between FireFox WebDevTool and Chrome DevTools. Some times #FireFox DeveloperTool provides most specific warnings than #Chrome #devtools Chrome: d.js:111 GET https://https/https://lnkd.in/g6tJMykE net::ERR_NAME_NOT_RESOLVED get @ sed.js:111 psearch @ sharedLogic-stripped.js:150 onclick @ create:304 create:1 Uncaught (in promise) TypeError: Failed to fetch Promise.then (async) get @ ed.js:119 psearch @ d.js:150 onclick @ create:304 FireFox: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://https//https://lnkd.in/g27Fi-J8 . (Reason: CORS request did not succeed). Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource. #devtools #Chrome #firefox #jsdeveloper #webdevelopment #troubleshooting

ISSUE: I wasted few minutes figuring out World's simplest simple issue 'drawing a single line' with 1pixel width and a color in html that looks same in at least 3 browsers ( Firefox, IE, Chrome ) I just want to do a simple  code like, < hr style = " color : #ff6a00 ; " >  - Firefox: Shows the line with given color but with a border. (Thats good. 4 Stars for Firefox team) - IE: Shows line with default 'gray' with default width - Chrome: Shows line with default 'gray' with default width   (depending on the browser you are looking - the above line will show as mentioned above) < hr style = " color : #ff6a00 ; height : 1 px ; border : 0 ; width : 100 % ; " >   All 3 Browsers: No Show - No line Even if you try increasing border and height,  < hr style = " color : #ff6a00 ; height : 1 0px ; border : 3px; width : 100 % ; " > it will not show the line. FIX:  You have to use the backgro...