Opening Chrome App from website (without extension) - google-chrome

I am trying to open a chrome app (this one here- https://chrome.google.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg) from a link/button within a website.
I have found similar posts about this topic but the answers say you need to make your own extension. I have seen in another post that you could use chrome.management.launchApp but I believe that this requires you to make your own extension.
My questions are -
1-Is it possible to do this without an extension
2-If not, is there an extension that is already out there
3-How would you implement a link to a chrome app within a website
I am sorry if my knowledge on this topic is a bit basic as I usually stick to html and css.

Related

Web browser interface using HTML/CSS/JS?

I’m building a simple browser, and I’d like to code most of it using HTML/JS/CSS. I cannot use iframes to display pages, due to frame-busting. What are my options?
The browser is not meant to be production-quality, but as a proof-of-concept for my thesis, similar to this interactive mockup. The main features it will need to support are:
Loading any page without frame-busting (even google.com),
Detecting when a link is clicked and opening it in a new frame, with the original one remaining intact.
I intend to write this using Web technologies, but it’s OK if it needs to be wrapped up in a small amount of something else, e.g., to turn it into an Android app. However, if it’s possible, it would be best if I could load the app as a web page. Finally, it is also preferable to be able to run the app on an Android device, but it’s OK if it only works on a desktop.
In researching this question, I came across a few options:
<iframe>. Google.com doesn't load at all in an iframe. I tried using the sandbox attribute, but it still didn’t load. Is there a way around this (for any page)?
Mozilla’s Browser API. This API was supposed to allow you to use the mozbrowser attribute in an iframe when building FirefoxOS apps. I suspect there’s no longer any way to access it. I couldn’t get the sample browser app loaded, and it seems that mozbrowser is not supported in WebExtensions. Did I miss something? Is there a way to make this work?
<webview> in a Chrome app. This is the only option that worked so far. I was able to download and install the sample browser app in Chrome. The one downside is that it seems to be Chrome-only (and I would prefer cross-platform or Firefox, all else being equal). Are there any issues with this option? Any way to make it run without Chrome?
Electron app with <webview>. While the setup here is more complicated than the previous option, it seems like the code would be very similar (there’s even a similar sample browser app). Are there any advantages/disadvantages to this option over the previous?
So, are there ways to make options 1 or 2 work? Are there perhaps other options?
HTML/CSS is a "language" translated by the browser into pages. You cannot code a browser in HTML. The easiest solution is to code it in C#.
I'm not sure if this is a good solution, but you can try Electron (nodeJS). You will only need to use JS/CSS/HTML.

Chrome App inside an Extension

I am trying to create a Chrome app but I need it to be accessible from any web page the user is viewing as the app is supposed to interact with the content of the page. From what I have seen, this is only done through extensions, but apps are the only ones that have the file system permissions needed to do what I am trying to accomplish.
Is it possible wrap a Chrome app with a Chrome extension to get the best of both worlds?
It should be possible to write both an app and an extension that interact through External Messaging.
Your question is a bit unclear as to what you want to achieve (a single item? then, no), but it's the best approximation.
It's hard to prove a negative, but I'm about 99.99% sure the answer is no.

Design yii framework page

So, I'm a beginner in this yii framework.
But my job is only too design the view.
I've experienced in designing static webpage using Adobe Dreamweaver. But I can't find how to configure dreamweaver to yii.
What is the best way to design it's view?
Your question was not around which IDE or tool to serve your purpose, but you have asked the best way on your problem, then I vote to PHPStorm anyway. In your case, you can use Live Edit.
It allows you to view your changes in an actual browser window
instantly without a page refresh, reload corresponding browser pages
(related to opened file in IDE) and highlight corresponding element.
Currently only Google Chrome is supported (extensions for Firefox &
Safari are still postponed).
See demo
http://blog.jetbrains.com/webide/2012/08/liveedit-plugin-features-in-detail/#more-4098
And here is references how to configure LiveEdit
PHPStorm - How to setup live editing

What are Chrome apps vs plugins vs extensions and how to develop them

I am trying to understand about Chrome (browser) development. I am very new to this and trying to figure out where to start in order to develop for Chrome Browser.
Just have a couple of questions:
What is the difference between Chrome Browser apps vs. plugins vs. extensions (not sure, if this question make sense. But, hope you got what I am asking for)
What kind of applications can I develop for Chrome Browser
What technologies do I need to learn in order to develop for Chrome Browser.
To answer your first question this explains the differences between apps and extensions (I think there's no better way to explain their nature):
https://developers.google.com/chrome/web-store/articles/apps_vs_extensions
What do you mean with "what kind of apps"?
You can develop both hosted and packaged apps if is that what you intended, give a look at this:
https://developers.google.com/chrome/apps/docs/index
Anyway the easiest way to start would be by building an extension, how-tos and
good documentation makes it good to start with:
http://developer.chrome.com/extensions/getstarted.html
Just to add to the above answer which was missing difference between Plugin and Extension is:
Plugin is a third-party library that is plugged-in to the browser and allows for being embedded on a webpage. It affects only the web page that is using the plugin.
Extensions change the browser UI, add menus or change overall look of the browser and can process each page that gets loaded.
So to sum it up - plugins add functionality and extra features to a particular webpage while extensions add functionality and features to the whole browser and change the behavior of the browser.
Just to add on new information since people may continue to hit this question: Chrome has basically deprecated plugins as of March 2017 (Chrome 57). If you go to chrome://plugins now, you won't see anything (you used to see a list of installed plugins with enable-disable links like for extensions).
It seems the reasoning is that the only plugins they actually wanted to allow you to enable/disable are Flash and PDF Viewer, both of which were moved to the Settings menus (if they weren't already there, not sure). The rest are considered to be integral parts of the browser. https://www.ghacks.net/2017/01/29/google-removes-plugin-controls-from-chrome/
Makes things a bit simpler to think about now.

Development of browser extension questions

I am looking to develop a cross browser extension (plugin) and am having troubles getting answers to a few questions. So just looking for some simple answers if what I would like to do is possible. Thanks. I am currently looking at using Crossrider but would use whatever.
How do some extensions add a menu to the right click button. For example, when I right click in Chrome I see Evernote Web Clipper and Adblock options in the dropdown). How do they do that?
Could I embed a youtube player, for example. So when it's closed the audio still plays but when clicked you can see the video and what not?
For sites like Grooveshark. Could they have a plugin that when clicked you could change the song or stop the music, etc. So basically communicate with a website in your tab from the plugin?
Thanks. I just found Crossrider and it looks like some may be possible but havn't explored it too in depth yet. Kind of wondering if anyone has tried doing these things and if possible.
Google has a specific API for adding context menus. You can read about it here. Just be sure to request permissions for context menus in the manifest.json file and then you can add everything else to your background JavaScript file.
I don't think it's exactly possible to embed a YouTube player into the extension directly. Google Chrome will not allow for running inline scripts, which are clearly required to run YouTube within a popup page (or anything else, for that matter).
As for your third question, you would have to check into the individual APIs for any sites that you want to run the extension with. Every site is going to be a little bit different and my first instinct is that most sites are not going to allow for directly adding their player to the extension.
I would strongly suggest checking out the information about developing Google Chrome extensions available on Google Code. They provide a great tutorial and reference for the basics of developing extensions.