Changes between Version 18 and Version 19 of HackingWebInspector


Ignore:
Timestamp:
Sep 16, 2020 12:07:37 PM (4 years ago)
Author:
Nikita Vasilyev
Comment:

Replace IRC with Slack. Update paths.

Legend:

Unmodified
Added
Removed
Modified

  • HackingWebInspector

    v18 v19  
    1919After updating these settings, run the [https://developer.apple.com/safari/technology-preview/ Safari Technology Preview]. Then, open the Web Inspector and right-click to inspect the inspector itself.
    2020
    21 By inspecting the CSS property names in the second-level inspector, we quickly find that the colors are defined by rules in `Source/WebInspectorUI/UserInterface/SyntaxHighlightingDefaultTheme.css`.
     21By inspecting the CSS property names in the second-level inspector, we quickly find that the colors are defined by rules in `Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css`.
    2222To create and submit a patch with our changes, we must to create an accompanying Bugzilla bug, and compute the diff of our changes against WebKit trunk.
    2323
    … …  
    5454}}}
    5555
    56  4. Edit `Source/WebInspectorUI/UserInterface/SyntaxHighlightingDefaultTheme.css` within a git repository.
     56 4. Edit `Source/WebInspectorUI/UserInterface/Views/SpreadsheetCSSStyleDeclarationEditor.css` within a git repository.
    5757
    58  5. Copy files from `Source/WebInspectorUI/UserInterface` to the build directory by running `make -C Source/WebInspectorUI release`. Do it after every time you modify Inspector's files.
     58 5. Run `make -C Source/WebInspectorUI release` to copy files from `Source/WebInspectorUI/UserInterface` to the build directory. Do it after every time you modify Inspector's files.
    5959
    6060 7. Look at your changes
    … …  
    6868Tools/Scripts/check-webkit-style
    6969Tools/Scripts/prepare-ChangeLog --bug xxxxx
    70 # edit WebCore/ChangeLog
     70# edit Source/WebInspectorUI/ChangeLog
    7171 }}}
    7272
    … …  
    7979
    8080
    81 If you have any questions there are always people willing to help! Just jump onto [http://freenode.net/irc_servers.shtml Freenode IRC] and visit #webkit or #webkit-inspector.
    82 
    83 ----
    84 
    85 Parts of the tutorial was taken from [http://bogojoker.com/inspector_build/ Quick Hacking on the Web Inspector].
     81If you have any questions there are always people willing to help! Just jump onto [https://webkit.slack.com webkit.slack.com], #webkit-inspector channel.