Inspects responsive iframe contents

Latest Version

Version
0.8.1
Update
May 3, 2016
Size
225KiB
Developer
gabordelarosa.hu
Category
Users
5
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab

See more

iFramatic Extension

Useful on responsive sites where the content inside of the responsive iframe is responsive too. This extension creates its resizing charasteristic and put it in a useful javascript implementation that you can use finally.

You need to go through steps until you get a javascript code in return. You need to implement this script that you can download from https://github.com/gabordelarosa/iframatic.

Why would you need that? For many reasons you can't tell the content height of an iframe document. This could be for security reason or you simply can not inject code into that document hosted somewhere else. Communication protocolls may only work for modern browsers. External document may be hosted on server that forbids iframe communications. Or you don't wanna waist time and code on doing these things by yourself.

This extension works on both local and online contents.

Dornload implementation file:
https://github.com/gabordelarosa/iframatic

Implementation example:
http://gabordelarosa.hu/_dev/iframatic/implementation-example/

Resoponsive iframe content : http://gabordelarosa.hu/_dev/iframatic/implementation-example/res2/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "iFramatic", "description": "Inspects responsive iframe contents", "version": "0.8.1", "permissions": [ "activeTab", "" ], "browser_action": { "default_title": "Inspect this contnet!", "default_popup": "popup.html" }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "manifest_version": 2}
Read more

Similar Extensions

icon

Iframe Copy Extension · Developer Tools 5 0 ★ 19.75KiB

icon

Responsive viewer For Chrome Extension · Productivity 5 8 ★ 25.34KiB

icon

Responsive Tester Extension · Productivity 5 72 ★ 82.41KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 5 2 ★ 90.41KiB

icon

Core Web Vitals Visualizer Extension · Developer Tools 5 12 ★ 2.39MiB

icon

Inspect Element Extension · Developer Tools 5 30 ★ 162KiB

icon

View Rendered Source Extension · Developer Tools 5 37 ★ 73.68KiB

icon

Adobe Content Authenticity Extension · Productivity 5 3 ★ 46.86MiB

icon

Website Responsiveness Checker Extension · Developer Tools 5 3 ★ 149KiB

icon

Show All Padding & Margins Extension · Developer Tools 5 1 ★ 23.17KiB

icon

React code finder Extension · Developer Tools 5 5 ★ 2.95MiB

icon

MarkUp For Chrome Extension · Productivity 5 32 ★ 9.78MiB

icon

Deeper Dive Extension · Developer Tools 5 4 ★ 32.31KiB

icon

Responsive Website Testing Toolkit - Multiple Viewport Simulator Extension · Developer Tools 5 30 ★ 170KiB

icon

Ignore X-Frame headers Extension · Developer Tools 5 155 ★ 7.6KiB

icon

Ajax Interceptor Tools Extension · Developer Tools 5 12 ★ 2.31MiB

icon

Bootstrap grid viewer Extension · Developer Tools 5 2 ★ 34.09KiB

icon

iframe in new tab or window Extension · Productivity 5 4 ★ 30.77KiB

icon

PageSpeed Insights Extension · Productivity 5 1 ★ 22.64KiB

icon

iframe in new tab Extension · Developer Tools 5 0 ★ 9.71KiB

icon

Refresh Active Frame Extension · Accessibility 5 5 ★ 21.17KiB

icon

Fluency Extension · Productivity 5 6 ★ 1.46MiB

icon

Insites Extension · Productivity 5 0 ★ 43.83KiB

icon

Display #Anchors Extension · Productivity 5 61 ★ 32.65KiB