Building your own salesforce chrome extension (AngularJS)

Building your own salesforce chrome extension (AngularJS)  dieffrei #Salesforce

  • Basically creating our first chrome extension we need 2 main components; a manifest file and index page;
  • Chrome extensions are pretty useful and I have using a lot of them.
  • Today I’ll show you how to build a chrome extension using AngularJS.
  • The focus of the post is not how you can get the salesforce sessionId but how you can connect your chrome extension to salesforce rest API.
  • Extensions allow you to add functionality to Chrome without diving deeply into native code.

Tutorial describes how you can develop your own chrome extension, using angularjs + lightning system design. There are a chrome extension skeleton project.
Continue reading “Building your own salesforce chrome extension (AngularJS)”

javascript

How to get Latest Chrome (Version 55) to allow mixed content?  #angularjs #reactjs

  • I have a chrome extension that communicates using HTTP in development and HTTPS in production.
  • I created a folder called c:\_chrome_data and I unpacked my developer extension into chrome extensions and I used this command line.
  • Having your development environment, or at least your development testing environment, be different than your production environment is just asking for problems when you move code from development into production, which is really not when you want to be finding problems.
  • Stack Overflow works best with JavaScript enabled
  • While it is not what you are asking, the right answer is that you make your development environment as near-identical to your production environment as possible.

Mixed Content: The page at ‘https://somesite.com’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://david-sniper.local:3001/api/end-point’. This content should also be served over HTTPS.
Continue reading “javascript”

React Redux React-Router: From Beginner to Paid Professional Coupon Save 50 %

React Redux React-Router: From Beginner to Paid Professional #AngularJS
☞

  • The section also shows clearly how to use React Developer Tools.
  • The sixth and seventh sections illustrate how to apply Redux technology and ES6 efficiently into an React application.
  • After the 6th section, you will know a basic way to use Redux in a React framework.
  • Mastering React framework and Redux technology will offer you a lot of opportunities for the highest paying jobs
  • There are many exercises and quizzes in each section, which help to re-enforce your knowledge before continuing the next section.

Coupon 100 10 15 75 learn React, Redux, React-Router, ECMAScript2015(ES6) by creating many applications such as Todo List, YouTube and Imgur
Continue reading “React Redux React-Router: From Beginner to Paid Professional Coupon Save 50 %”

javascript

  • Stack Overflow works best with JavaScript enabled
  • Join the Stack Overflow Community
  • I want to access webpage DOM element (say element with id=name) through chrome extension and call API to save that element in database.
  • Stack Overflow is a community of 6.3 million programmers, just like you, helping each other.
  • sign up log in tour help

I want to access webpage DOM element (say element with id=name) through chrome extension and call API to save that element in database. I am using rest API.
Continue reading “javascript”

Debugging AngularJS Apps from the Console

  • With a few simple tricks we can access the data for any scope on the page, inspect the scope hierarchy, inject services, and control directives.
  • Chrome has a ton of nice shortcuts for debugging browser applications from the console.
  • > angular.element(document.querySelector(‘html’)).injector().get(‘MyService’) -> Object {undo: function, redo: function, _pushAction: function, newDocument: function, init: function…} // Or slightly more generic > angular.element(document.querySelector(‘.
  • The AngularJS Batarang is a Chrome extension that shows the live scope hierarchy and has some other really helpful features.
  • Half the time Batarang says there are 0 scopes on the page

When building AngularJS apps, it can be challenging to access data and services hidden deep in our application through the Javascript console in Chrome, Firefox, and IE. Here are some simple tricks we can use to inspect and control a running Angular app through the browser Javascript console, making it easy to test, modify, and even program our Angular app in real-time:
Continue reading “Debugging AngularJS Apps from the Console”