Xdebug in PhpStorm

I am trying to get Xdebug running with PhpStorm (Ubuntu). But It's not working at all.

I installed Xdebug:

This is what I added the php.ini:

[xdebug]
zend_extension="/usr/lib/php/20170718/xdebug.so"
xdebug.remote_host = 127.0.0.1
xdebug.remote_enable=1
xdebug.remote_port=9000
xdebug.idekey=PHPSTORM

And I installed the Chrome Xdebug helper. But after restarting everything and setting PhpStorm to listen, I do not get any incoming connection from Xdebug.

Any help would be highly appreciated.

I got the same running on Linux based, but atm on Windows machine, so I'll just copy that in, modify paths where needed:

php.ini

[XDEBUG]
zend_extension = C:\xampp\php\ext\php_xdebug-2.6.0-7.2-vc15.dll
xdebug.remote_mode = req
xdebug.remote_connect_back = 1
xdebug.default_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_enable = 1
xdebug.remote_port = 9000
xdebug.remote_handler = dbgp
xdebug.max_nesting_level = 200;

PhpStorm settings:

• File | Settings | Languages & Frameworks | PHP | Debug _> Turn off "Ignore external connections..."
• File | Settings | Languages & Frameworks | PHP | Servers _> Remove any entries here, refresh, during pop up with question to configure, make sure to enter map the project root, public folder, public/index.php file and vendor folders (not all necessary but better safe than sorry)

Server settings default

Server settings with custom mappings

Debug settings