Jarek Foksa jarek-foksa

Restore WebKit Web Inspector on Mountain Lion

Download WebKit build r121872: http://builds.nightly.webkit.org/files/trunk/mac/WebKit-SVN-r121872.dmg
Right-click on WebKit.app and choose Show Package Contents
Navigate to ./Contents/Frameworks/10.x/WebCore.framework/Versions/Current/Resources/ and you will find a folder called inspector. This contains the HTML/CSS/JavaScript for the Web Inspector, awesome! Keep this Finder window open!
Open a new Finder window and navigate to /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources. This is where the 'new' Web Inspector is located.
Now copy the contents from the WebKit Web Inspector folder (from Step 3.) to the new Web Inspector folder from Step 4. Do not remove anything, but when it prompts to 'keep newer' files press the Replace button.
Now there is only one thing left to do, remove of rename the Main.html file (this is the main frame for the new Web Inspector) and rename inspector.html to `Main.ht

	<!DOCTYPE html>
	<html>
	<head>
	<link rel="stylesheet" href="node_modules/xel/themes/material.css">
	<script src="node_modules/xel/xel.min.js"></script>
	<style>
	body, html{
	height: 100%;
	width: 100%;
	}

	<!DOCTYPE html>
	<html>
	<head>
	<base href="app://./" />
	<meta http-equiv="Content-Security-Policy" content="script-src 'self' app:; object-src 'self' app:;">
	<script type="module" src="./module.js"></script>
	</head>

	<body>
	Check the console!